Dictionary Web Application

A React-based dictionary web application that allows users to look up words and get definitions, synonyms, antonyms, and pronunciation.

Features

• Word Lookup: Provides definitions, synonyms, antonyms, and pronunciation.
• Interjections, Verbs, and Nouns: Displays various forms and uses of the word.
• API Integration: Utilized the free Dictionary API to fetch word data.

Technologies Used

• React: For building the user interface.
• Tailwind CSS: For styling and creating a responsive design.
• Axios: For making API requests and handling responses.

Learning Outcomes

• API Interaction: Gained hands-on experience in fetching and displaying data from an external API in a React application.
• Responsive Design: Leveraged Tailwind CSS to ensure the application looks great on all devices.
• State Management: Improved understanding of managing state in React for handling API data.

Live Demo

Check out the live demo of the project here.

Getting Started

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

Prerequisites

• Node.js
• npm

Installation

1. Clone the repo

   git clone https://github.com/kavindu-udara/simple-dictionary.git
   

2. Install NPM packages

   npm install
   

3. Run the app

   npm start
   

Usage

Type a word into the search bar and hit enter to get definitions, synonyms, antonyms, and pronunciation. The application will display the results fetched from the Dictionary API.

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Contact

Kavindu Udara - @udarakavindu99 - karunasinghesampath38@gmail.com

Project Link: https://github.com/kavindu-udara/simple-dictionary.git