README.en.md

Disney Plus Clone

---

This project consists of creating a clone of the Disney Plus website where you can authenticate yourself through Google and where you can save the movies or series that you like the most to your list.

👨🏽‍💻 What technologies have I used?

---

• React: I have used React as the project framework, creating different components, a context for authentication, a layout for the entire website, different pages and several custom hooks.

• Supabase: I have used Supabase for authentication through Google, authentication with the Demo User and to save in a database the favorite movies or series that each user decides.

• Styled Components: I have used Styled Components to style the different components.

• React Router: I have used React Router to create the different routes that the website has, since React doesn't have an integrated router like other frameworks.

• Vite JS: I have used Vite JS as a build tool.

• ESLint: I have used ESLint to follow the Airbnb style guide in the project code.

• API: I have used the TMDB API to get all the information about movies and series.

📸 Some Screenshots!

---

🗃️ Project Structure

---

This is the structure that I have used in this project

/
├── public/
│   └── assets/
│       ├── img/
│       │   └── image.png
│       └── videos/
│           └── video.mp4
│
├── src/
│   ├── components/
│   │   └── Component/
│   │       └── index.jsx
│   │       └── styles.js
│   ├── context/
│   │   └── Context.jsx
│   ├── helpers/
│   │   └── helper.js
│   ├── hooks/
│   │   └── useHook.js
│   ├── layout/
│   │   └── Layout.jsx
│   ├── pages/
│   │    └── Page/
│   │       └── index.jsx
│   │       └── styles.js
│   ├── services/
│   │   └── getData.js
│   └── utils/
│       └── util.js
└── package.json

👀 Where you can find me?

---