Dictionary APP - Frontendmentor Challenge

Aplicación donde se integra la api DICTIONARY para crear un diccionario online. Se debían cumplir los siguientes requisitos:

  • Buscar palabras usando un campo de texto
  • Ver la respuesta de la palabra buscada en la API
  • Ver un mensaje de validación de error cuando se intentaba buscar con el campo de texto vacío
  • Ejecutar el archivo de audio cuando esté disponible
  • Cambiar entre las fuentes serif, sans serif y monospace
  • Cambiar entre los temas claro y oscuro
  • Crear una interfaz responsive
  • Ver los estados focus y hover para todos los elementos interactivos de la página
  • Bonus: Tener el tema correcto basado en las preferencias el dispositivo

Demo

App Demo

Tecnologías usadas

Screenshots

Mockups generados con: Shots.so

Mobile Design Tablet Design Laptop Design Tablet Design