Tema: ¡Crea un calendario de adviento digital para celebrar la cuenta regresiva hacia la Navidad!
Este proyecto es un calendario de adviento digital desarrollado en Next.js y exportado como una página estática. Cada día, los usuarios pueden abrir una "ventana" que revela un mensaje o regalo virtual. El diseño está inspirado en las festividades, utilizando colores rojos, verdes, dorados y una tipografía festiva. Además, el proyecto tiene un estilo pixelart.
- Muestra un calendario de diciembre con 24 días representados como cajas.
- Permite que los usuarios abran una nueva caja solo en o después del día correspondiente (usa la fecha del sistema).
- Cada caja revela un contenido sorpresa (mensaje, imagen o un GIF festivo).
- Utiliza animaciones suaves al abrir las cajas.
- Incluye un contador que muestra cuántos días faltan para Navidad.
- Next.js: Framework de React para la creación de aplicaciones web.
- React: Biblioteca de JavaScript para construir interfaces de usuario.
- Tailwind CSS y CSS: Para el diseño y las animaciones.
- Pixelart: Estilo visual utilizado en el proyecto e imágenes creadas con Aseprite.
- Clona el repositorio:
git clone https://github.com/xeland314/advent-calendar.git
- Navega al directorio del proyecto:
cd advent-calendar - Instala las dependencias:
npm install
- Inicia el servidor de desarrollo:
npm run dev
El proyecto está desplegado como una página estática y puede ser visto en el siguiente enlace:
🔗 Proyecto: Calendario de Adviento
Las contribuciones son bienvenidas. Si deseas contribuir, por favor sigue los siguientes pasos:
- Haz un fork del proyecto.
- Crea una nueva rama (
git checkout -b feature/nueva-funcionalidad). - Realiza tus cambios y haz commit (
git commit -m 'Añadir nueva funcionalidad'). - Sube tus cambios (
git push origin feature/nueva-funcionalidad). - Abre un Pull Request.
Christopher Villamarín - GitHub
Este proyecto está bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.