/movie-app

Primary LanguageJavaScript

πŸ“— Table of Contents

πŸ“– Movie App

"Movie App" is a website to display a list of Movies with the ability to check the details for the selected movie.

  • Display a list of Movies.
  • Select a movie to view the details.
  • Search in the movie list.

πŸ›  Built With

  • HTML
  • CSS
  • React
  • Redux
  • Webpack
  • Jest

Tech Stack

Webpack
Jest

Key Features

  • Develop webapp around an Component
  • Create web page using given wireframe
  • Users can search and select a movie

(back to top)

πŸš€ Live Demo

πŸš€ Project Details

πŸ’» Getting Started

To get a local copy up and running follow these simple example steps.

Clone Git Repository

-Reach to following Github URL:

https://github.com/Zainab-Alzubair/movie-app

-Copy the URL.

-In Visual Studio Code β€œTerminal” change the current working directory to the location where you want the cloned directory.

-Type git clone in the terminal, paste the URL you copied earlier, and press β€œenter” to create your local clone.

$ git clone {repository URL}

Install Dependencies(with following Command)

  • npm install

Build webpack

  • run command
npm run build

Start server

npm start

Prerequisites

In order to run this project you need:

  • Basic Knowledge of HTML, CSS, & React.
  • Basic knowledge of ES6 syntax.
  • Basic knowledge of Git, GitHub &Gitflow.
  • Basic knowledge of Linters.
  • Basic knowledge of Webpack.
  • Basic knowledge of Jest unit-testing library.
  • Basic knowledge of VS Code or any other code-editors.

Setup

Clone this repository to your desired folder:

_cd PATH_

_git clone https://github.com/Zainab-Alzubair/bookstore-react.git_

cd PATH

npm install

npm run build

npm start

Install

Install this project with:

  npm install

Usage

To run the project, execute the following command:

  npm start

Run tests

To run tests, run the following command:

  npm test

Deployment

You can deploy this project using:

  npm start

(back to top)

πŸ‘₯ Authors

πŸ‘€ Zainab Alzubair

(back to top)

πŸ”­ Future Features

  • Implement like a movie and save it in a list

(back to top)

🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

πŸ™ Acknowledgments

  • Original design idea by Nelson Sakwa on Behance.
  • Thanks to Microverse for giving this opportunity to learn ...
  • Code Reviewers & Coding Partners.
  • Hat tip to anyone whose code was used.

(back to top)

❓ FAQ

(back to top)

πŸ“ License

This project is MIT licensed.

(back to top)