Netflix UI Clone is a mini project that brings information about series from TMDB API using the same main categories from Netflix.

The idea of this project is just to boost my abilities with React.js, HTML, and CSS3.

Live Demo

Access:

Netflix - UI Clone

Summary

• Technology
  • Web
• How to run
  • Web

🚀 Technology

💻 Web

The web version of the application was developed with Javascript using the framework ReactJS. The images and the description was made using Tmdb API. Also, the application is fully responsive following the CSS structure.

---

💥 How to run

• Prerequisites

  • It's necessary to have Node.js installed on the computer
  • It's necessary to have Git installed and configured on the computer
  • Also, it's necessary to have a package manager either NPM or Yarn.

Clone the repository:

  $ git clone https://github.com/paulo-carvalho93/netflix-uiclone.git

TMDB API KEY

You need a TMDB API KEY to be able to render all images and descriptions. Go to https://www.themoviedb.org and create your account.

After creating your KEY, follow the instructions:

# Create a new file at project root with the name: 
$ .env
# Then, just fill the file with following content:
$ REACT_APP_TMDB_KEY=YOUR_KEY_HERE

💻 Web

  # API
  $ cd netflix-uiclone
  # Installing project dependencies.
  $ yarn # or npm install
  
  # Start Web Project
  $ yarn start # or npm start
  
  # Do you want to publish ?
  $ yarn build # or npm build
  # Static files for web will be saved in the `public` folder
  

📝 Attention

All image rights reserved for Netflix.

This is just a project for study purposes.

---