Word Sage

Your Calm Study Dictionary 📖

A modern, feature-rich dictionary application designed for a peaceful, distraction-free learning experience.

✨ Key Features

Word Sage is more than just a dictionary. It's a complete toolkit for mastering words in a calm, focused environment.

• 🧠 Smart Word Search: Instantly find comprehensive definitions, meanings, and usage examples.
• 🔊 Audio Pronunciation: Listen to correct US/UK pronunciations for perfect learning.
• 🎤 Voice Search: Search hands-free using your browser's built-in voice recognition.
• 🖼️ Visual Context: View a grid of related images from Pexels to enhance memory.
• 📜 Rich Definitions: Get multiple meanings, parts of speech, and detailed explanations.
• 🌍 Etymology & Origins: Discover the fascinating history and linguistic roots of words.
• 🔗 Synonyms & Related Words: Explore connections by clicking on synonyms to search for them.
• 📚 Extended Learning: Read a comprehensive overview from Wikipedia directly within the app.
• ☀️ Word of the Day: Learn something new every day with a carefully curated word.
• 📋 Easy Copy & Paste: Copy definitions with one click for your notes.

---

🛠️ Tech Stack

This project is built with a modern, efficient, and scalable technology stack.

• Framework: React (with Vite)
• Language: TypeScript
• Styling: Tailwind CSS
• Icons: Lucide React
• APIs:
  • Free Dictionary API for definitions.
  • Pexels API for visual context.
  • Wikipedia API for extended learning.

---

🚀 Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

• Node.js (v18 or higher recommended)
• npm or yarn

Installation

1. Clone the repository:

   git clone [https://github.com/Jayanth0124/dictionary.git](https://github.com/Jayanth0124/dictionary.git)
   cd word-sage

2. Install dependencies:

   npm install

3. Set up environment variables:

   • Create a file named .env.local in the root of your project.
   • Get a free API key from Pexels.
   • Add your key to the .env.local file:

     VITE_PEXELS_API_KEY="YOUR_PEXELS_API_KEY_HERE"

4. Run the development server:

   npm run dev

   Open http://localhost:5173 (or the port shown in your terminal) to view it in the browser.

---

👨‍💻 Author

Donavalli Jayanth

• Portfolio: jayanth.site
• GitHub: @Jayanth0124
• LinkedIn: Jayanth Donavalli
• Instagram: @jayanth.chowdary__

---

📄 License

This project is distributed under the MIT License. See LICENSE for more information.