Time Tracking Dashboard
Nuestro desafío será codificar un panel de seguimiento de tareas, usando HTML, CSS y JavaScript, y lograr que se parezca lo más posible al diseño original.
Recursos
Aquí encontrarás los recursos necesarios para completar el desafío.
## Diseño
- Móvil: 375px
- Escritorio: 1200px
## Colores
### Primary
- Purple 600: hsl(246, 80%, 60%)
- Orange 300 (work): hsl(15, 100%, 70%)
- Blue 300 (play): hsl(195, 74%, 62%)
- Pink 400 (study): hsl(348, 100%, 68%)
- Green 400 (exercise): hsl(145, 58%, 55%)
- Purple 700 (social): hsl(264, 64%, 52%)
- Yellow 300 (self care): hsl(43, 84%, 65%)
### Neutral
- Navy 950: hsl(226, 43%, 10%)
- Navy 900: hsl(235, 46%, 20%)
- Purple 500: hsl(235, 45%, 61%)
- Navy 200: hsl(236, 100%, 87%)
## Tipografía
### Body
- Font size: 18px (card titles e.g. Work, Play)
### Font
- Weights: 300, 400, 500
- Family: [Rubik](https://fonts.google.com/specimen/Rubik)
Ideas
Eres libre de utilizar las tecnologías que quieras. Lo importante es practicar y completar un proyecto todos los días:
Comunidad
Únete a cientos de miembros que están mejorando sus habilidades de codificación y hablando sobre el desafío 100 days of projects.
Referencias
- Diseño tomado de: Frontend Mentor
🏷️"La mejor manera de aprender a programar es practicando todos los días."