Code a Dictionary with React and Material UI - Tutorial
freeCodeCamp.org freeCodeCamp.org
9.35M subscribers
63,735 views
0

 Published On Aug 3, 2021

Learn to create a Dictionary App using React JS and Material UI with support of over 12 languages.

💻 Source Code: https://github.com/piyush-eon/react-d...

🔗 Live Site: https://word-hunt.netlify.app/

✏️ Course developed by Roadside Coder. Check out his channel:    / roadsidecoder  

⭐️ Resources ⭐️
🔗 Dictionary API (Website): https://dictionaryapi.dev/
🔗 Dictionary API (API): https://api.dictionaryapi.dev/api/v2/...{category}/${word}
🔗 PNG to Favicon Convertor: https://favicon.io/favicon-converter/
🔗 Generate Maskable Icon: https://maskable.app/editor
🔗 Image Resizer: https://imageresizer.com/
🔗 Manifest.json Generator: https://app-manifest.firebaseapp.com/

⭐️ Course Contents ⭐️
⌨️ (00:00:00) Intro
⌨️ (00:00:38) Project Overview
⌨️ (00:01:59) Initialize New React App
⌨️ (00:02:47) Google Dictionary API
⌨️ (00:03:36) Material UI Intro
⌨️ (00:06:21) Install Material UI
⌨️ (00:07:14) Building The App
⌨️ (01:17:45) Deploying to Netlify
⌨️ (01:18:51) What is PWA?
⌨️ (01:19:19) Converting Dictionary into a PWA
⌨️ (01:38:15) Testing the Final PWA
⌨️ (01:39:14) Outro

🎉 Thanks to our Champion and Sponsor supporters:
👾 Wong Voon jinq
👾 hexploitation
👾 Katia Moran
👾 BlckPhantom
👾 Nick Raker
👾 Otis Morgan
👾 DeezMaster
👾 Treehouse
👾 AppWrite

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

show more

Share/Embed