57 Day - Advice Generator App

El proyecto perfecto si estás aprendiendo a interactuar con API de terceros. Este desafío utiliza la API Advice Slip para generar citas de consejos aleatorias.

Mar 4, 2024

Advice Generator App

notion image

Bienvenido

En líneas generales, el objetivo de este reto es transformar el diseño en código, y hacer que se parezca lo más posible al diseño.
El diseño de este reto es propiedad de Frontend Mentor.
Para realizar este desafío, necesitas conocimientos básicos de HTML, CSS, JavaScript y una API.

Requerimientos

Los usuarios deberían poder:
  • Generar una nueva cita haciendo clic en el ícono del dado.
  • Ver el diseño óptimo según el tamaño de pantalla del dispositivo.
  • Ver un estado hover al pasar el mouse sobre los elementos especificados en la página.
¿Quieres apoyo en el desafío? Únete a nuestro canal de Telegram.

Diseño

Pantallas grandes:
notion image
Pantallas pequeñas:
notion image
Elementos interactivos (hover):
notion image

Envía tu solución

Envía tu solución a nuestro grupo de Facebook para que lo vea el resto de la comunidad con el siguiente texto:
Hola Frontend Club👋, Acabo de completar el reto # como parte del desafío #100DaysOfProjects. Mi solución: Página web - https://profile-card.netlify.app/ Repositorio - https://github.com/01-day-profile-card.git

Recursos

Proporcionamos los recursos necesarios para completar el proyecto.

Colores

### Paleta de colores - Light Cyan: hsl(193, 38%, 86%) - Neon Green: hsl(150, 100%, 66%) - Grayish Blue: hsl(217, 19%, 38%) - Dark Grayish Blue: hsl(217, 19%, 24%) - Dark Blue: hsl(218, 23%, 16%) ### Tipografia - Fuente: [Manrope](https://fonts.google.com/specimen/Manrope) - Peso: 800 - Font size (quote): 28px

Plantilla

  • Contenido de texto del diseño.
Advice #

"Yo puedo hacer cosas que tú no puedes, tú puedes hacer cosas que yo no puedo; juntos podemos hacer grandes cosas". — Madre Teresa de Calcuta.