Retos frontend

REST Countries API with color theme switcher

Ver en vivoPágina del retoCódigo

Nivel en Frontend Mentor: Avanzado

Reto:

• Ver todos los países de la API en la página principal.
• Buscar por país usando un campo de entrada de texto.
• Filtrar los países por región.
• Hacer clic en un país para ver más información en una página separada.
• Hacer clic en los países fronterizos en la página de detalles
• Alternar el tema entre modo claro y oscuro (opcional)

Rock Paper Scissors / Lizard Spock

Ver en vivoPágina del retoCódigo

Nivel en Frontend Mentor: Avanzado

Reto:

• Ver el diseño óptimo para el sitio para escritorio (1366px) y móvil (375px).
• Jugar a piedra papel o tijeras contra la computadora.
• Mantener la puntuación después de refrescar la página.
• Bonus
  • Jugar a piedra, papel, tijeras, lagartija o spock contra la computadora (opcional).

Chat App CSS Illustration

Ver en vivoPágina del retoCódigo

Nivel en Frontend Mentor: Intermedio

Reto:

• Ver el diseño óptimo para el sitio para escritorio (1440px) y móvil (375px).
• Ver los estados para todos los elementos interactivos.
• Ver la interfaz del chat animada en la entrada inicial (opcional).

Manage landing page

Ver en vivoPágina del retoCódigo

Nivel en Frontend Mentor: Intermedio

Reto:

• Ver el diseño óptimo para el sitio para escritorio (1440px) y móvil (375px).
• Ver los estados para todos los elementos interactivos.
• Ver todos los testimonios en un slider horizontal.
• Recibir un mensaje de error cuando se envíe el formulario del newsletter si:
  • La entrada esta vacía.
  • La dirección de correo electrónico no está formateada correctamente.

Easybank landing page

Ver en vivoPágina del retoCódigo

Nivel en Frontend Mentor: Intermedio

Reto:

• Ver el diseño óptimo para el sitio para escritorio (1440px) y móvil (375px).
• Ver los estados para todos los elementos interactivos.

Job listings with filtering

Ver en vivoPágina del retoCódigo

Nivel en Frontend Mentor: Intermedio

Reto:

• Ver el diseño óptimo para el sitio para escritorio (1440px) y móvil (375px).
• Ver los estados para todos los elementos interactivos.
• Filtrar la lista de ofertas basada en las categorías seleccionadas.

Weather Forecast

Ver en vivoPágina del retoCódigo

Nivel en Frontend Mentor: Intermedio

Reto:

• Mostrar el clima actual, incluidas las condiciones climáticas, la temperatura, la humedad, la velocidad del viento y la fecha y la hora.
• Visualización para mostrar el cambio de temperatura, el cambio de humedad y las condiciones climáticas de cada día.

LoopStudios Landing Page

Ver en vivoPágina del retoCódigo

Nivel en Frontend Mentor: Junior

Reto:

• Ver el diseño óptimo para el sitio para escritorio (1440px) y móvil (375px).
• Ver los estados para todos los elementos interactivos.

Clipboard Landing Page

Ver en vivoPágina del retoCódigo

Nivel en Frontend Mentor: Junior

Reto:

• Ver el diseño óptimo para el sitio para escritorio (1440px) y móvil (375px).
• Ver los estados para todos los elementos interactivos.

Social Media Dashboard

Ver en vivoPágina del retoCódigo

Nivel en Frontend Mentor: Junior

Reto:

• Ver el diseño óptimo para el sitio para escritorio (1440px) y móvil (375px).
• Ver los estados para todos los elementos interactivos.
• Poder cambiar el tema de color a claro u oscuro.