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