X

fall4movies/.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

fall4movies/README.md

@@ -0,0 +1,39 @@
+# Fall4Movies
+
+Fall4Movies, es un proyecto estudiantil desarrollado por Alexandra Ron, para el bootcamp regional de Laboratoria  (DEV-010). 
+
+En el ejercicio de desarrollo web, se les pidió a las estudiantes que desarrollaran un website, que mostrara un catálogo de películas, alimentado por la API [TMDB](https://www.themoviedb.org/). Para ello debíamos usar- por primera vez - REACT como framework de desarrollo. 
+
+# Diseño de la App
+
+Siendo un proyecto de películas, el diseño del mismo está inspirado por la Nostalgia. La paleta de colores, recuerda a los de la mítica cadena de renta de películas Block Buster Video; y el logo, es un claro ícono que recuerda a la película de culto "Vértigo", de Alfred Hitchcock. 
+
+![Paleta de colores](./public/readmeImg/paleta.jpg)
+![icono](./public/readmeImg/logo.png)
+
+Se nos entregaron por parte de nuestro product owner ficticio, dos diseños de baja fidelidad que respondían a los deseos de nuestro cliente (también ficticio).  
+
+![Lista de películas- prototipo de baja fidelidad](./public/readmeImg/movie-list.png)
+![Detalle película- prototipo de baja fidelidad](./public/readmeImg/movie-detail.png)
+
+Luego de un poco de inspiración, se diseñó un prototipo de alta fidelidad - usando la herramienta Canva - que nos guiaría por el desarrollo, más adelante. 
+
+![Lista de películas- diseño de alta fidelidad ](./public/readmeImg/vista1.jpg)
+![Detalle película- diseño de alta fidelidad ](./public/readmeImg/vista2.jpg)
+
+# Funcionalidades
+## Lista de películas
+
+// por llenar
+
+### Funciones de filtrado
+
+// Por llenar
+
+### Funciones de ordenado
+
+
+## Detalle de película
+
+//Por llenar
+

fall4movies/changelog.md

@@ -0,0 +1,123 @@
+## <1.3> - <13-12-2023>
+
+### Sprint learnings
+
+### Added
+
+* Se agregó un nuevo componente, llamado search, para las búsquedas de películas en el site.
+* Se agregaron adornos para los botones, como hovers y otros detalles del cursor. 
+
+### Changed
+
+
+### Fixed
+
+* Se hizo una reestructuración completa al site de manera de poder corregir algunos errores de la navegación
+
+### Removed
+
+
+## <1.2> - <6-12-2023>
+
+### Sprint learnings
+
+* Aprendí a hacer un documento "llave" para reutilizar en varias instancias de la App, y relacionarlo con la API
+* Aprendí a pasar información de un componente a otro a través de su componente padre. 
+
+### Added
+
+* Funcionalidad de recargar la página al hacer click al siteId (logo del site)
+
+### Changed
+
+* Se cambió el nombre de la carpeta Others, por "functions", y se actualizó su ruta en todos los componentes que lo requerían
+* Se cambió el nombre de la función year, por getYear y se actualizó en todos los componentes que la requerían
+
+### Fixed
+
+* Se corrigió el link de la grilla de peliculas para que te envie al detalle, solo si presionas la foto de la peli, de modo que no se deforme la card
+
+### Removed
+
+* Se eliminaron los archivos json de prueba
+
+
+## <1.1> - <29-11-2023>
+
+### Sprint learnings
+
+* Uso de react router DOM
+* Instalación de Api TMDB
+* Peticiones http a la API
+
+### Added
+* Se instaló el react router dom. 
+* Se agregó el ruteo al main.
+* Se creó un nuevo complemento, de página de error de ruteo
+* Se conectó la API a la grilla de películas
+* Se hicieron los espacios para poder conectar la API a la vista de detalle
+* Se hizo una función para separar el año de la fecha proporcionada por la API y asi mostrar solo el año en pantalla
+* Se hizo una función para mostrar un número determinado de estrellas por puntuación de cada película
+* Se hizo una función que extrae los géneros de cada pelicula del objeto que lo contiene, en un nuevo array, para mostrar cada género separado por comas. 
+* Se realizó una función reutilizable para las peticiones http
+* Se conectó la vista details a la API
+
+
+### Changed
+
+* Se cambio la dependencia del json de prueba, para empezar a usar la API en la vista de la grilla de películas
+
+### Fixed
+
+* Se corrigieron cosas pequeñas de estructura de archivos. 
+
+
+## <1.0> - <22-11-2023>
+
+### Sprint learnings
+
+* En este sprint se hizo todo el trabajo creativo:
+    - Se definió el nombre de la app: Fall 4 Movies
+    - Se definió el estilo visual, con su logo y paleta de colores
+    - Se hicieron los diseños de la interfaz.
+
+* Básicos de REACT:
+    - Como crear componentes. 
+    - Como renderizar en el website esos componentes.
+    - Organización del trabajo
+    - Mucho de elementos jsx. 
+    - Como insertar promps. 
+
+### Added
+
+* Se activó el archivo index.js que renderizará el site. 
+
+* Se creó el archivo App.jsx donde se organizan los componentes del site.
+
+* Se crearon los componentes a nivel visual (archivos js/jsx y css). Sin funcionalidades aún.
+
+    - Copyright: componente del footer de la página.
+    - Details: Detalle de la película seleccionada.
+    - MoviesGrid: Grilla de 5 columnas, que organiza las tarjetas en la vista principal.
+    - Navigator: contenedor de los inputs y selectores para búsqueda, filtrado y ordenado de la data. que se incorpora al header de la página. 
+    - Pagination: contenedor de botones de paginación.
+    - SiteId: contenedor del logo y titulo del site.
+
+* Se agregaron otros detalles gráficos como nombre e ícono de la página en la pestaña del navegador. 
+
+* Se agregó un archivo json, con películas para ayudar en el proceso de desarrollo. 
+
+
+### Changed
+
+* Al crearse el proyecto usando el comando "create react App¨ se tuvo que eliminar una serie de documentos y carpetas que no eran necesarias para este proyecto.  
+
+* Se comenzó la documentación del README, por lo que el contenido anterior fue reemplazado. 
+
+### Fixed
+
+Todavía ninguno. 
+
+### Removed
+
+Todavía ninguna.