https://github.com/sebas-man/parcial_web_2
Desarrollo del segundo parcial de Programación en la Web
https://github.com/sebas-man/parcial_web_2
Last synced: 5 months ago
JSON representation
Desarrollo del segundo parcial de Programación en la Web
- Host: GitHub
- URL: https://github.com/sebas-man/parcial_web_2
- Owner: SebAs-man
- Created: 2024-10-30T14:45:49.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-30T15:43:18.000Z (over 1 year ago)
- Last Synced: 2024-10-30T15:44:10.477Z (over 1 year ago)
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sobre el proyecto
El objetivo es crear una página web dinámica con la siguiente estructura:
![alt imagen-de-referencia][reference]
[reference]: ./src/assets/reference.png/
No obstante, debe cumplir con algunas reglas importantes:
* Cuando el usuario cambie de página los resultados de la página anterior deben ser eliminados de la tabla, y los detalles de la foto deben ser reemplazados por la foto del primer resultado.
* Cuando el usuario realice una búsqueda por otra fecha, los datos de la tabla deben ser reemplazados por los datos de la nueva consulta, no es válido conservar los datos anteriores y seguir agregando datos a la tabla de resultados.
* Considere que el usuario no va a exceder el límite de resultados, por ejemplo, que siempre va a buscar en una fecha donde existan fotos, y que no va a exceder el número máximo de páginas por consulta.
> [!IMPORTANT]
> La página debe cargar los resultados de 25 en 25 según la página solicitada.
# Sobre la API
La API para consumir se encuentra en [este enlace](https://api.nasa.gov/mars-photos/api/v1/rovers/curiosity/photos?api_key=wwLNtSl7Oqz90ubKgOo7ZzoFbQC02NxZSwXXpdCZ), la cual cuenta tanto con la información requerida, como con las imágenes a mostrar.
# Sobre el desarrollo
Este proyecto se llevó a cabo durante durante la semana del 28 de octubre al 02 de noviembre del 2024 por **Sebastián Mantilla**. Se utilizó React y TailWind como frameworks JavaScript y CSS respectivamente para el desarrollo del presente.