Skip to content

README.md

Latest commit

 

History

History
60 lines (36 loc) · 2.62 KB

README.md

File metadata and controls

60 lines (36 loc) · 2.62 KB
Raw

Wordictionary

Wordictionary

Welcome to Wordictionary! This is a powerful and interactive word dictionary web application. Whether you are looking for the exact meaning, pronunciation, or an example of a word used in a sentence, Wordictionary has you covered. It even lets you save words for later!

Note: For the best user experience, it is highly recommended to view this application on a desktop or laptop.

✨ Features

  • Comprehensive Search: Get the meaning and real-world sentence examples for millions of words.
  • Phonetic Pronunciations: Learn exactly how to pronounce the words you search for.
  • Bookmark System: easily save and bookmark difficult or interesting words for quick future reference.
  • Smart Recent Searches: Hover your mouse over recent searches to instantly get a quick definition without having to reload or click!

🛠️ Tech Stack

This project is built purely with core frontend web technologies:

  • HTML: To structure the layout of the dictionary and search inputs.
  • CSS: To style the application and create smooth hover effects.
  • JavaScript: To fetch dictionary data, handle the bookmarking logic, and manage recent searches.

🚀 How to Run It on Your Computer

It is incredibly easy to start searching for words locally. Just follow these steps:

1. Download the code: Open your terminal and clone the repository:

git clone [https://github.com/atharvachavan289-gif/Web-dev-mini-projects.git](https://github.com/atharvachavan289-gif/Web-dev-mini-projects.git)
2. Open the project folder: Navigate into the main folder and then open the Dictionary directory:

Bash
cd Web-dev-mini-projects
cd Dictionary
3. Run the app: Find the index.html file inside the folder and double-click it. It will open right up in your default web browser (like Chrome, Firefox, or Edge).
                                
- - - -
1. **Search word and get not only the  meaning of the word but also learn about its phonetic.**


![Screenshot (1318)](https://user-images.githubusercontent.com/82602080/136999293-05da6fd4-8f27-4a9b-83a6-b518341ec599.png)

- - - -
2. **Bookmark diificult words.**


![Screenshot (1319)](https://user-images.githubusercontent.com/82602080/137000102-39d25ff9-fe0b-485c-9c34-4595ef2d1f31.png)

- - - -
3. **Hover over recent searches to get a quick definiton of the word.**


![Screenshot (1320)](https://user-images.githubusercontent.com/82602080/137000446-026f5ae9-0e7a-4822-8c0e-69d2e810c02a.png)

- - - -
## Hope you like it !!

_Note_ : For best experience view in desktop or laptop.