Dictionary web app built with REACT | VITE | JS - MikDra1

What are you most proud of, and what would you do differently next time?

💻 Hello 👋 Frontend Mentor Community,

This is my solution for the Dictionary web app.

• Scored 97,75% on Google Pagespeed Insights! 🚀
• Solution with 100% W3C validation accuracy 🌟

---

• You should be able to:

• Search for words using the input field

• See the Free Dictionary API's response for the searched word

• See a form validation message when trying to submit a blank form

• Play the audio file for a word when it's available

• Switch between serif, sans serif, and monospace fonts

• Switch between light and dark themes

• View the optimal layout for the interface depending on their device's screen size

• See hover and focus states for all interactive elements on the page

Additionally:

• Your preferred theme will be saved so next time you visit my website you will get the right one.

• You can go between different synonyms by clicking on them.

🛠️ Built with:

1. HTML ✨
2. CSS 🎨
3. JavaScript 🧾
4. React ⚛️
5. Vite.js 💡
6. Context API 🛒
7. Styled-Components 💅

• Fully responsive design crafted with a mobile-first approach 💻

• Enjoyed every moment coding this! 😎

• Feedback is always welcome—let’s grow together! 🌱

• Completed 16 out of 28 Intermediate Challenges so far—keeping up the momentum! 🔥

• Completed 3 out of 12 Intermediate Premium Challenges 🔥

• 👨‍💻 Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.

• As I am developing in my journey with React I'm really looking forward to hearing your thoughts and suggestions! 💡