Code a Dictionary with React and Material UI – Tutorial



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-dictionary-wordhunt 🔗 Live Site: https://word-hunt.netlify.app/ ✏️ Course developed by Roadside Coder. Check out his channel: https://www.youtube.com/c/RoadsideCoder ⭐️ Resources ⭐️
🔗 Dictionary API (Website): https://dictionaryapi.dev/
🔗 Dictionary API (API): https://api.dictionaryapi.dev/api/v2/entries/${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 And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Code a Dictionary with React and Material UI – Tutorial

Code a Dictionary with React and Material UI – Tutorial

 

 

 

 

 

 

 

 

 

Contact us

More Code a Dictionary with React and Material UI – Tutorial Videos

Leave a Reply

Your email address will not be published. Required fields are marked *