Skip to content

A modern, responsive React dictionary app supporting word definitions, synonyms, antonyms, audio pronunciation, light/dark mode, and local storage. Uses Tailwind CSS, Material UI, and Dictionary API.

Notifications You must be signed in to change notification settings

kapilsinghnegi/word-search

Repository files navigation

Dictionary App

A modern, responsive dictionary web app built with React, Tailwind CSS, and Material UI.
It supports light/dark mode, and provides word definitions, examples, synonyms, antonyms and audio pronunciation.

Features

  • 🔍 Search for word definitions in English
  • 🎧 Audio pronunciation for English words
  • 🌙 Light/Dark mode toggle with smooth transitions
  • 🖥️ Responsive design for all devices
  • 🧑‍💻 Debounced search for better performance
  • 📦 Local storage for dark mode preference

Installation

  1. Clone the repository:

    git clone https://github.com/kapilsinghnegi/word-search.git
    cd dictionary-app
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm run dev

Usage

  • Type a word in the search box.
  • For English words, click the audio icon to hear pronunciation.
  • Toggle light/dark mode using the switch in the top-right corner.

Technologies Used

  • React for building the UI
  • Tailwind CSS for styling
  • Material UI for additional components
  • Axios for API requests
  • Vite for development server and build tool
  • Dictionary API for fetching word data

About

A modern, responsive React dictionary app supporting word definitions, synonyms, antonyms, audio pronunciation, light/dark mode, and local storage. Uses Tailwind CSS, Material UI, and Dictionary API.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published