Code a Dictionary with React and Material UI - Tutorial

JavaScript / Web 65.2K צפיות 03/08/2021
פתח ב-YouTube

דרג סרטון זה

התחבר כדי לדרג

תיאור

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/ ❤️ Try interactive React courses we love, right in your browser: https://scrimba.com/freeCodeCamp-React (Made possible by a grant from our friends at Scrimba) ⭐️ 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

#freeCodeCamp.org