Proyecto colaborativo de la comunidad MoureDev
Este proyecto colaborativo tiene como objetivo desarrollar una aplicación web Pomodoro para gestionar el tiempo de manera eficiente, mejorando la productividad y la concentración mediante la técnica Pomodoro.
Utilizaremos HTML, CSS y JavaScript como tecnologías base, fomentando el aprendizaje continuo y la colaboración entre desarrolladores de distintos niveles de experiencia, a nivel internacional.
La técnica Pomodoro es un método de gestión del tiempo que divide el trabajo en bloques de 25 minutos de trabajo intenso, seguidos de descansos cortos de 5 minutos. Después de 4 Pomodoros, se recomienda tomar un descanso más largo de 15 a 30 minutos para recargar energías.
Esta técnica es ideal para mejorar la productividad y mantener un equilibrio entre trabajo y descanso.
Crear una aplicación web interactiva que permita a los usuarios gestionar su tiempo utilizando la técnica Pomodoro, con funcionalidades clave como:
- ✅ Temporizador Pomodoro interactivo.
- 📊 Visualización de métricas y estadísticas de productividad.
- 📝 Gestión de tareas y hábitos (en futuras iteraciones).
- HTML5: Para la estructura del contenido.
- CSS3: Para los estilos visuales, diseño y disposición.
- JavaScript: Para la funcionalidad interactiva (temporizador, botones, etc.).
Dado que todos los colaboradores somos parte de la comunidad de Brais Moure (@mouredev), decidimos emular el estilo visual de la página MoureDev Pro para mantener coherencia y profesionalismo en el diseño.
El diseño del proyecto está disponible en Figma:
🔗 Figma Design.
📸 Vista Previa del Diseño:
Este proyecto es abierto a todos los niveles de experiencia. ¡Todos son bienvenidos!
- 🐣 Principiantes: Una gran oportunidad para aprender los fundamentos de desarrollo web y trabajar en equipo.
- 🧑💻 Intermedios: Profundiza tus conocimientos en JavaScript y prácticas avanzadas de CSS.
- 🦸♂️ Avanzados: Lidera, guía y ayuda a otros desarrolladores en el proyecto, revisando código y proponiendo mejoras.
Todos los niveles de experiencia son bienvenidos.
- Principiantes: Perfecto para aprender los fundamentos y trabajar en equipo.
- Intermedios: Profundiza en JavaScript y prácticas avanzadas de CSS.
- Avanzados: Guía, revisa código y guía a otros desarrolladores.
1️⃣ Haz un fork del repositorio para poder realizar cambios en tu propio espacio. Para ello: - Ve al repositorio original en GitHub: PomodoroWeb - Haz clic en el botón Fork para crear una copia en tu repositorio en gitHub:
- Esto creará una copia del repositorio en tu cuenta de GitHub.
2️⃣ Clona tu fork y familiarízate con los archivos existentes:
git clone https://github.com/TU_USUARIO/PomodoroWeb
3️⃣ Contribuye creando nuevas funcionalidades, mejorando el diseño o refactorizando el código.
4️⃣ Confirma y sube tus cambios:
git commit -m "Descripción breve del cambio"
git push origin main
5️⃣ Abre un Pull Request desde tu fork hacia el repositorio original para revisión. Para hacerlo: - Ve a la página de tu fork en GitHub. - Haz clic en Compare & pull request. - Escribe una descripción clara de los cambios y envía el Pull Request.
6️⃣ Explora las issues en la sección correspondiente. Busca algo interesante para empezar o crea tu propia issue si detectas algo que mejorar.
Este proyecto está licenciado bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.
index.html: Archivo principal del proyecto.style.css: Estilos de la página.script.js: Funciones y lógica del temporizador.
- Fase 1: Maquetación básica con HTML y CSS.
- Fase 2: Lógica del temporizador en JavaScript.
- Fase 3: Mejoras y personalización (ejemplo: añadir sonidos o estadísticas).
Este proyecto está acompañado por dos desarrollos paralelos que comparten la misma funcionalidad básica, pero en diferentes plataformas:
¡Gracias por contribuir y formar parte de este proyecto! 💪