Skip to content

Latest commit

 

History

History
36 lines (23 loc) · 1.82 KB

README.md

File metadata and controls

36 lines (23 loc) · 1.82 KB
Raw

React Netflix Clone App

This project was inpired in Netflix interface and was reproduced for study purposes. Also, it was bootstrapped with Create React App.

Test yourself

Follow these steps

  • git clone https://github.com/marquesm91/react-netflix
  • npm install or yarn
  • npm run start or yarn start

The application will open your default browser on https://localhost:3000/

About the application

Besides the default installation with create-react-app, two 3rd party library was added:

  • react-router-dom found here.
  • react-items-carousel found here.

The first one was used to user have a better experience with url navigation and keep react application sync'd. The other one was to ease the use of horizontal carousel like Netflix.

Features

  • The application consumes the MovieDB API to fill the application with real data.
  • The search input on navbar has a nice translate style like netflix and can search for movie names and movies related to a famous person. eg. search for Dory and search for Chris Evans.
  • When you search for something and hit enter you will be redirect to Search page only if your results have at least one movie.
  • For each Movie Card you can add to your favorite list and it was accessible in Minha Lista on navbar. If the movie already exists on your favorite list a check icon will be visible until you choose to remove it.

Ways to improve this project

  • Make use of Redux to a better state management
  • Implement another carousel to have a better way to apply style
  • Improve responsiveness to be mobile friendly
  • Handle errors and show a friendly message when search results are null