A simple and interactive dictionary application built with React, allowing users to search for word definitions, view a word of the day, and keep track of their search history.
- Instantly get definitions for any English word
- Clear, organized display of definitions and parts of speech
- Discover a new word daily
- Learn interesting words you might not encounter otherwise
- Easily revisit previously searched words
- Clickable history list for quick access
- Maintains your recent searches
- Responsive design (works on all screen sizes)
- Loading indicator during API calls
- User-friendly error messages
- Clean, intuitive interface
| Technology | Purpose |
|---|---|
| React | Frontend JavaScript library |
| HTML | Page structure |
| CSS | Styling and layout |
| Dictionary API | Word definitions |
| Random Word API | Word of the Day feature |
- Node.js (includes npm) Download here
- npm or Yarn package manager
- Clone the repository
git clone <your-repository-url> cd <your-project-folder>
- Install dependencies
npm install #or yarn install - Start the development server
npm start # or yarn start
The application will open in your browser at http://localhost:3000.
- Type a word into the search box
- Press Enter or click the "Search" button to view definitions
- Appears prominently at the top of the page
- Click the word to instantly see its definition
- Click the '×' button to close the banner
- Your recent searches appear in a dedicated section at the bottom
- Click any word in your history to instantly search it again
- History persists during your session
This app leverages two powerful APIs to deliver its functionality:
| API | URL | Purpose |
|---|---|---|
| Dictionary API | https://api.dictionaryapi.dev/ | Provides comprehensive word definitions, parts of speech, phonetic information, and example usage |
| Random Word API | https://random-word-api.herokuapp.com/ | Generates random words for the Word of the Day feature |
We're constantly improving the Dictionary App! Here's what's coming next:
- 🔊 Audio pronunciation for each word
- 🎤 Text-to-speech functionality
- 📝 Example sentences in context
- 🔤 Synonyms & Antonyms display
- 📖 Etymology and word origins
- 🌓 Light/Dark mode toggle
- 🎨 Tailwind CSS integration for better styling
- 📱 PWA support for offline use
- 🔎 Advanced search filters (by part of speech, length, etc.)
- 📊 Word frequency information
- 📅 History export functionality
MIT License