Dictionary app

A dictionary app that uses the Oxford Dictionary API to fetch definitions and examples of words along with their pronounciation.

Dictionary app lookup
Dictionary app

The dictionary app is a simple web application that allows users to look up the definitions, examples, and pronunciations of words. The app uses the Oxford Dictionary API to fetch the data and display it in a user-friendly format.


  • Word Lookup: Users can enter a word in the search bar and click the search button to look up the word's definition, examples, and pronunciation.
  • Pronunciation: The app displays the phonetic pronunciation of the word using the International Phonetic Alphabet (IPA) symbols.
  • Word Details: For each word, the app provides detailed information, including the part of speech, definition, and example sentences.
  • Dark mode: The app features a dark mode option for users who prefer a darker color scheme.

Tech Stack and Explanations

  • React and Typescript: The app is built using React and Typescript, providing a robust and type-safe foundation for developing modern web applications. React's component-based architecture and declarative programming model, combined with Typescript's static typing and type inference capabilities, enable efficient development and maintenance of complex user interfaces.
  • Tailwind CSS: Tailwind CSS is used for styling the app, offering a utility-first approach to CSS that allows for rapid prototyping and customization. By composing styles using utility classes, Tailwind CSS streamlines the design process and ensures consistency in the app's appearance.
  • API Integration: The app integrates with the Oxford Dictionary API to fetch word definitions, examples, and pronunciations. By leveraging the API's data, the app provides accurate and up-to-date information for users.

The dictionary app is a useful tool for anyone looking to expand their vocabulary or learn more about the meanings and usage of words. With its intuitive interface and comprehensive word data, the app provides a valuable resource for language learners and enthusiasts.


Tailwind CSS


Need more project details, or interested in working together? Reach out to me directly at contact@marioyonan.com. I'd be happy to connect!

← All Projects