NETFLIX INTERFACE

Clone the Netflix Website interface with React.js | #Cloning-Interfaces-2 🚀

📌 Topics

• 💻 Technologies
• 🎨 Layout
• 🖥️ Web
• 📱 Mobile
• 📂 Clone Project
• How it Use
• 🤝 Contribution
• 👤 Author
• 📃 License

💻 Technologies

• React.js
• Typescript
• Axios
• Json-Server
• Styled Components
• Styled Icons
• Yarn
• Git
• Visual Studio Code

🎨 Layout

🖥️ Web

📱 Mobile

📂 Clone Project

To clone and run the project, have GIT and YARN installed.

# clone
$ git clone https://github.com/FelipePDS/netflix-interface.git

# open project
$ cd netflix-interface

# install dependencies
$ yarn install
# or
$ npm install

How it Use

First you need to get your Secret Key to use the Movie API. To get the Secret Key and understand more about the API go to The Movie Database API

Now with the Secret Key obtained, it is necessary to create a new file called .env and replicate the secret key to a variable exactly as it is in the .env.example file.

With everything set up to use the Movie API, you now need to start the servers. Then within the project, open two bash terminals.

The first server to be started is the users json-server, it loads the profiles on it:

$ yarn server
# or
$ npm run server

After the user server is started, it is necessary to start the project server:

$ yarn start
# or
$ npm start

🤝 Contribution

To collaborate with the project, you need to create a FORK with your Git account:

# Cloning project
$ git clone https://github.com/YOUR-USER/netflix-interface.git

# Creating a branh
$ git branch my-change

# Accessing the new branch
$ git checkout -b my-change

# Adding changed files
$ git add .

# Creating commit and message
$ git commit -m "Your Commit..."

# Submitting changes to branch
$ git push origin my-change

Now you should just go to your repository created on Github and click on the New pull request button.

👤 Author

Made by FelipePDS ❤️ | Cloning interfaces with React.js #2

📃 License

All rights reserved to Netflix

MIT License