Dictionary Web App 📚✨

Welcome to the Dictionary Web App, a beautifully crafted tool that makes exploring words a delightful experience. This project draws design inspiration from Frontend Mentor.

Features 🌟

• Sleek Design: Enjoy a visually appealing and intuitive dictionary interface that enhances your user experience.

• Customizable Modes: Switch effortlessly between light and dark modes to suit your preferences and create a comfortable reading environment.

• Font Variety: Personalize your reading experience with a selection of fonts including Quicksand, Serif, Sans, Mono, and Playfair.

• Text-to-Speech Pronunciation: Utilize the power of OpenAI to convert text to speech, enhancing your understanding and pronunciation of words.

• User Preferences: The app remembers your preferences using browser localStorage, providing a seamless and personalized experience across sessions.

• Optimized Search: The use of debounce ensures optimized search functionality, enhancing performance and responsiveness.

Live Demo 🚀

Check out the live demo here.

Getting Started 🛠️

This project was built using cutting-edge technologies:

• Vite for faster development.
• React.JS for building dynamic user interfaces.
• TailwindCSS for a utility-first CSS framework.

Third-Party APIs 🌐

Third-party APIs were leveraged to enhance the functionality of the app:

• WordsAPI
• OpenAI Text to Speech

Installation Process 🚧

To get started with the project, follow these simple steps:

1. Clone the repository to your local machine.

   https://github.com/Adufe-Obanijesu/dictionary.git
   

2. Install the necessary dependencies.

  npm install
  # or
  yarn install

3. Run the app in development mode.

  npm run dev
  # or
  yarn run dev

You are now ready to explore the world of words with this Dictionary Web App! 🚀📖