https://github.com/xeland314/advent-calendar
Calendario de adviento para diciembre - Reto semanal de Alumi ONE
https://github.com/xeland314/advent-calendar
advent-calendar advent-calendar-2024 calendar christmas front gifts pixelart react tailwindcss
Last synced: 3 months ago
JSON representation
Calendario de adviento para diciembre - Reto semanal de Alumi ONE
- Host: GitHub
- URL: https://github.com/xeland314/advent-calendar
- Owner: xeland314
- License: mit
- Created: 2024-12-10T04:13:18.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-11-29T05:47:18.000Z (7 months ago)
- Last Synced: 2025-12-01T06:27:44.050Z (7 months ago)
- Topics: advent-calendar, advent-calendar-2024, calendar, christmas, front, gifts, pixelart, react, tailwindcss
- Language: TypeScript
- Homepage: https://xeland314.github.io/advent-calendar/
- Size: 1.21 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🎄 Calendario de Adviento Interactivo
## 🌟 Reto de la Semana: 4 al 10 de Diciembre 🎄
### 🎄 Frontend Challenge (React): Calendario de Adviento Interactivo
**Tema:** ¡Crea un calendario de adviento digital para celebrar la cuenta regresiva hacia la Navidad!
## DescripciĂłn
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.
## Detalles
- 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.
## TecnologĂas Utilizadas
- **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](https://github.com/aseprite/aseprite).
## InstalaciĂłn
1. Clona el repositorio:
```bash
git clone https://github.com/xeland314/advent-calendar.git
```
2. Navega al directorio del proyecto:
```bash
cd advent-calendar
```
3. Instala las dependencias:
```bash
npm install
```
4. Inicia el servidor de desarrollo:
```bash
npm run dev
```
## Despliegue
El proyecto está desplegado como una página estática y puede ser visto en el siguiente enlace:
đź”— **Proyecto:** [Calendario de Adviento](https://xeland314.github.io/advent-calendar/)
## Contribuciones
Las contribuciones son bienvenidas. Si deseas contribuir, por favor sigue los siguientes pasos:
1. Haz un fork del proyecto.
2. Crea una nueva rama (`git checkout -b feature/nueva-funcionalidad`).
3. Realiza tus cambios y haz commit (`git commit -m 'Añadir nueva funcionalidad'`).
4. Sube tus cambios (`git push origin feature/nueva-funcionalidad`).
5. Abre un Pull Request.
## Autor
**Christopher VillamarĂn** - [GitHub](https://github.com/xeland314)
## Licencia
Este proyecto está bajo la Licencia MIT. Consulta el archivo [LICENSE](LICENSE) para más detalles.