Dictionary Web App

This dictionary web app was created as part of a Frontend Mentor challenge. It features search functionality using the Free Dictionary API, responsive layouts for different device sizes, and dynamic font and theme switching. The app adapts to the user's system preferences for light or dark mode and supports interactive elements with focus and hover states.

Adrian Nasrat

· Visit Project

For a public example of my work, check out this project:

About the Project

This project is a solution to the Frontend Mentor challenge for building a dictionary web app. The app allows users to search for words, view definitions from the Free Dictionary API, play audio files for pronunciations, and switch between serif, sans serif, and monospace fonts. Additionally, users can toggle between light and dark themes based on their system preferences.

Dictionary Web App
Desktop view of the dictionary app. The application is responsive and adapts to various screen sizes.

Mobile first design

The app is designed with a mobile-first approach, ensuring that the layout adapts well to different screen sizes. Font and theme switching features are included to enhance the user experience, along with form validation and hover states for all interactive elements.

Dictionary Web App Dashboard
Mobile view of the dictionary app, featuring word search and interactive elements.

Read more

Here is a post that goes through the challenge.

Dictionary Web App Dashboard

Contact

Questions or need more details? Ping me on Discord, or any of my other social media links.