Skip to content

anettgor/Dictionary-App-React

Repository files navigation

About

This simple dictionary application allows users to look up the definitions, synonyms, and pronunciations of words. The app provides a user-friendly interface where users can type a word of their choice and receive instant results.

Features

  • Word Search: Users can easily search for a word by typing it into the search bar and clicking the search button.
  • Definition: The app provides the definition of the searched word, giving users a clear understanding of its meaning.
  • Synonyms: Along with the definition, users can also view a list of synonyms for the searched word, helping them explore alternative terms.
  • Pronunciation: The app offers the correct pronunciation of the word, enabling users to learn how to pronounce it accurately.
  • Mode toggle: The app allows users to toggle between light and dark mode, and automatically selects the preferred mode set on the user's machine.

Getting Started

  1. Clone the repository to your local machine.
  2. Open the project in your preferred code editor.
  3. Make sure you have the necessary dependencies installed. (you can find them in package.json)
  4. Run the application by $npm run start, and you should see a user interface with a search bar on generated localhost.
  5. Type in the word you want to look up and press the search button.
  6. The app will fetch the relevant information, including the definition, synonyms, and pronunciation, and display it on the screen.

Technologies used

  • Reactjs
  • Nodejs
  • CSS

Acknowledgements