Grad
DesiCodes

Desi Codes

Grad2

Projects /

Dictionary App

Simple dictionary app, look up meaning of any word, bookmark, listen to its pronunciation.

Preview LiveStart Watching
screenshot
📟 Tech Stack & Libs
React
Material-ui
React-Router
🧑‍🏫 Topics Covered/ What you'll learn

In this series, we are going to build a simple minimal design dictionary application, user can search for any word, get it's meaning(s) in different formats and even listen to it's pronunciation and bookmark it, for easier reference in future.

  • ⚛️ Building React App from Scratch
  • 🧑‍🎨 Designing the layout using Material UI Lib
  • 🧭 Adding navigation
  • 📝 Consuming data from a public API
  • 💾 Using local storage to save bookmarks for easier reference.

🧑‍🎨 Design inspired by https://dribbble.com/shots/16236346-Thesaurus-app

⚠️ Prerequisites
  • Basics of React(Should know what components, props, JSX, hooks are)
Provide Feedback
Support

If you’d like to support
the channel and this series

Click here