https://github.com/fellipeutaka/netflix-ui-clone

🍿 Old Netflix UI Clone
https://github.com/fellipeutaka/netflix-ui-clone

axios react react-query styled-components typescript

Last synced: 2 months ago
JSON representation

🍿 Old Netflix UI Clone

• Host: GitHub
• URL: https://github.com/fellipeutaka/netflix-ui-clone
• Owner: fellipeutaka
• License: mit
• Created: 2021-10-13T20:36:40.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-02T01:11:14.000Z (almost 2 years ago)
• Last Synced: 2023-03-04T00:54:22.657Z (almost 2 years ago)
• Topics: axios, react, react-query, styled-components, typescript
• Language: TypeScript
• Homepage: https://fellipeutaka-netflix-ui-clone.vercel.app
• Size: 2.25 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        


  



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][ts]

- [React][react]

- [React Query][react-query]

- [axios][axios]

- [styled-components][styled-components]

## ℹ️ How To Use

To clone and run this application, first you need to create a [The Movie Database](https://www.themoviedb.org/) account. After creating your account, you will need to generate an API access token. Afterwards, you will need [Git][git] and [Node.js][node] installed on your computer.

From your command line:

```bash

# 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.

```bash

# 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  `.

3. Make your changes and commit them: `git commit -m ' '`

4. Push to original branch:`git push origin  / `

5. Create the pull request. Or, see the GitHub documentation on [how to create a pull request][pr].

## 📝 License

This project is under the MIT license. See the [LICENSE](https://github.com/fellipeutaka/netflix-ui-clone/blob/main/LICENSE.md) for details.

Made with ♥ by Fellipe Utaka 👋 [Get in touch!](https://www.linkedin.com/in/fellipeutaka/)

[pr]: https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request

[git]: https://git-scm.com

[node]: https://nodejs.org/

[ts]: https://www.typescriptlang.org/

[react]: https://reactjs.org

[react-query]: https://tanstack.com/query/latest

[axios]: https://axios-http.com/

[styled-components]: https://styled-components.com/