Este proyecto es una página web que presenta una galería de videos, permitiendo además agregar nuevos videos a la colección. Utiliza JSON Server para simular una API con una base de datos db.json
. Este proyecto forma parte de la formación de Alura Latam y permite desarrollar habilidades en HTML5, CSS3 y JavaScript, así como conocimientos sobre el manejo de APIs y JSON Server.
- Descripción
- Tecnologías Utilizadas
- Instalación
- Uso
- Características
- Conocimientos Desarrollados
- Contribuir
- Licencia
- Créditos
La página web permite a los usuarios ver una galería de videos y agregar nuevos videos a la colección. Utiliza JSON Server para simular una API RESTful, proporcionando una experiencia interactiva y dinámica. Este proyecto es una excelente oportunidad para aprender sobre el manejo de datos y la creación de aplicaciones web dinámicas.
- HTML5: Para la estructura de la página.
- CSS3: Para el diseño y la presentación visual.
- JavaScript: Para la interactividad y la funcionalidad dinámica.
- JSON Server: Para simular una API con una base de datos JSON.
- Node.js y npm: Para gestionar dependencias y ejecutar el servidor JSON.
Para ejecutar este proyecto en tu máquina local, sigue estos pasos:
- Clona el repositorio a tu máquina local.
git clone https://github.com/DDansAbelenda/alura-play.git
cd alura-play
- Instala JSON Server.
npm install -g json-server
- Inicia el servidor JSON.
npx json-server --watch db.json --port 3000
- Abre el archivo
index.html
en tu navegador web favorito.
open index.html
Sigue estos pasos para utilizar la página web:
- Abre la página en tu navegador.
- Navega a través de la galería de videos para ver los videos disponibles.
- Utiliza el formulario para agregar nuevos videos a la galería.
- Los videos se añadirán a la base de datos y aparecerán en la galería.
- Visualización de una galería de videos.
- Formulario para agregar nuevos videos.
- Simulación de una API RESTful utilizando JSON Server.
- Diseño responsivo que se adapta a diferentes tamaños de pantalla.
- Interfaz de usuario intuitiva y fácil de usar.
Este proyecto permite desarrollar los siguientes conocimientos:
- Simulación de una API: Aprender a utilizar JSON Server para simular una API RESTful.
- Trabajo con Node y npm: Instalar y utilizar Node.js y npm para gestionar dependencias y ejecutar servidores.
- Utilización de JSON Server: Configurar y utilizar JSON Server para manejar datos de manera eficiente.
- Realización de solicitudes GET y POST: Obtener datos de una API y enviar datos para registrarlos en la base de datos.
- Refuerzo de conocimientos de JavaScript asíncrono: Manejar operaciones asíncronas utilizando Promises y async/await.
- Manejo de errores de solicitud: Detectar y gestionar posibles errores devueltos por la API.
- Conversión de una página estática en dinámica: Transformar una página HTML estática en una aplicación web interactiva y dinámica.
Las contribuciones son bienvenidas. Si deseas mejorar el proyecto o agregar nuevas características, sigue estos pasos:
- Haz un fork del repositorio.
- Crea una nueva rama (
git checkout -b feature/nueva-caracteristica
). - Realiza tus cambios.
- Haz un commit de tus cambios (
git commit -m 'Agrega nueva característica'
). - Empuja tu rama (
git push origin feature/nueva-caracteristica
). - Abre un Pull Request.
Este proyecto está bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.
Este proyecto fue desarrollado como parte de la formación de Alura Latam. Agradecimientos especiales a los instructores y a la comunidad de Alura por su apoyo y recursos.