Dictionary Web App

Dictionary app, based on a FrontEndMentor.io premium challenge

As I don't have a premium FrontEndMentor account, I did this layout manually, using the provided JPG images as reference, and adding a few changes.

👷 Currently under development in public on my Twitch stream. Started on March 27, 2023

Live demo

Coming soon!

Technologies/resources

• React
• TailwindCSS (Second project using Tailwind)
• Dictionary API
• Standard JS (ESLint-based linter)
• Heroicons via React Icons (Icon library)
• Country Flag Icons (Icon library)

Features

• Responsive layout (mobile/tablet/desktop)
• Fetches the free Dictionary API
• Plays pronunciation
• Dark/Light theme
• Language Variant selector (UK/US) for pronunciation.
• Font selector (serif/sans serif + font size)

Original project image: