Disney Plus Clone

---

Este proyecto consiste en crear un clon de la página web de Disney Plus donde te puedas autenticar mediante Google y donde puedas guardar en tu lista las películas o series que más te gustan.

👨🏽‍💻 ¿Qué tecnologías he utilizado?

---

• React: He usado React como framework del proyecto, creando diferentes componentes, un contexto para la autenticación, un layout para toda la web, distintas páginas y varios custom hooks.

• Supabase: He usado Supabase para la autenticación mediante Google, la autenticación con el Usuario Demo y para guardar en una base de datos las películas o series favoritas que decida cada usuario.

• Styled Components: He usado Styled Components para darle estilos a los diferentes componentes.

• React Router: He usado React Router para crear las diferentes rutas que tiene la web, ya que, React no tiene un enrutador integrado como otros framework.

• Vite JS: He utilizado Vite JS como herramienta de compilación.

• ESLint: He utilizado ESLint para seguir la guía de estilos de Airbnb en el código del proyecto.

• API: He utilizado la API de TMDB para obtener toda la información de películas y series.

📸 Algunas capturas del proyecto!

---

🗃️ Estructura del proyecto

---

Esta es la estructura que he utilizado en este proyecto

/
├── 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

👀 ¿Dónde puedes encontrarme?

---