fellipeutaka / netflix-ui-clone

🍿 Old Netflix UI Clone

Netflix UI Clone

Project | Technologies | How to use | How to contribute | License | Live demo

💻 Project

A clone of the old Netflix UI in React.

🚀 Technologies

This project was developed with the following technologies:

• TypeScript
• React
• React Query
• axios
• styled-components

ℹ️ How To Use

To clone and run this application, first you need to create a The Movie Database account. After creating your account, you will need to generate an API access token. Afterwards, you will need Git and Node.js installed on your computer.

From your command line:

# Clone this repository
$ git clone https://github.com/fellipeutaka/netflix-ui-clone.git

# Install dependencies
# If you are using NPM
$ npm install

# If you are using Yarn
$ yarn install

# If you are using PNPM (current package manager)
$ pnpm install

After that, copy and paste the .env.example file and rename it to .env. Then insert your token into the VITE_API_TOKEN variable. Great! Now you just need to start the development server.

# Start server
# If you are using NPM
$ npm run dev

# If you are using Yarn
$ yarn dev

# If you are using PNPM (current package manager)
$ pnpm dev

🤔 How to contribute

1. Fork this repository.
2. Create a branch: git checkout -b <branch_name> .
3. Make your changes and commit them: git commit -m '<commit_message> '
4. Push to original branch:git push origin <project_name> / <local>
5. Create the pull request. Or, see the GitHub documentation on how to create a pull request.

📝 License

This project is under the MIT license. See the LICENSE for details.

Made with ♥ by Fellipe Utaka 👋 Get in touch!