📋 React Movie API

Aplicación React que consume la API de TheMovieDB, con efectos de partículas de particles.js y optimización de peticiones con just-debounce-it. Estilizada con SCSS/Sass e incluye modo oscuro.

📚 Cosas que aprendí

• Modo oscuro y claro: Implementé cambio de tema dinámico entre claro y oscuro.
• useState y useEffect de React: Usé useState para manejar estados y useEffect para efectos secundarios.
• Funciones debounce: Apliqué debounce para optimizar funciones en tiempo real como búsquedas.
• Principios de API: Aprendí qué es una API, sus usos, tipos (REST, SOAP) y cómo se comunican aplicaciones.

---

📁 Estructura del Proyecto

react-movie-api/
├── 📁 public/
│   └── 📁 favicons/            # Conjunto de favicons
├── 📁 src/
│   ├── 📁 components/          # MovieList, SearchBox, MovieCard, etc.
│   ├── 📁 hooks/               # Custom Hooks (ej. useMovies)
│   ├── 📁 context/             # Contextos para estado global
│   ├── 📁 services/            # Llamadas a la API de TMDB
│   ├── 📁 styles/              # Estilos (CSS/Sass/Modules)
│   ├── 📁 assets/              # Imágenes e iconos
│   ├── App.jsx                 # Componente raíz
│   └── main.jsx                # Punto de entrada
└── package.json

🚀 Instalación

Requisitos previos

• Node.js 18+
• npm o yarn

1. Clonar repositorio

git clone https://github.com/AlexRubenPumari/react-movie-api.git
cd react-movie-api

2. Instalar dependencias

npm install
# o yarn install

🚀 Ejecutar el proyecto

Servidor de desarrollo

npm run dev

Por defecto se sirve en http://localhost:3000