Dictionary web app

Web Application based on Free Dictionary API with the ability to search for word definitions in English and other nice things like changing font type on the page, playing audio pronunciation of the definition.

Table of contents

• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Useful resources
• Author
• Acknowledgments

Screenshot

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• React - JS library
• Vite - Local dev server & bundler

What I learned

• Creating a custom drop-down menu

• Getting data from API via react query

• Handle cases when API gives both error and data at the same time

• Working with input of search type and its styling

• Using html audio tag

Useful resources

• Ibadehin Mojeed - An article about creating a custom drop-down menu with accessibility in mind.

Author

• Linkedin - daniilgurski18

Acknowledgments

• AlexKMarshall
• Grace-Snow