Code a Dictionary with React and Material UI - Tutorial

preview_player
Показать описание
Learn to create a Dictionary App using React JS and Material UI with support of over 12 languages.

⭐️ Resources ⭐️

⭐️ 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

--

  1. freeCodeCamp.org
Рекомендации по теме
Code a Dictionary 1:39:14

Code a Dictionary with React and Material UI - Tutorial

Create a Dictionary 0:38:24

Create a Dictionary with React and Tailwind css - Tutorial

Build a Dictionary 0:18:34

Build a Dictionary App with React Js

Build a dictionary 1:01:22

Build a dictionary app | React JS basic website tutorial | Basic tutorial for beginners | JS

How to Code 0:29:40

How to Code a Dictionary app in React | Full Tutorial

Dictionary App Using 0:32:22

Dictionary App Using React JS & Dictionary API | Complete React JS Course For Beginners

React Native Tutorial 0:06:46

React Native Tutorial for Beginners - Build a Dictionary App PART 1

Dictionary app with 0:12:12

Dictionary app with React(very easy) in detail

Code With Harry 0:52:13

Code With Harry Builds a Dictionary App Using React and Apache | Ubuntu Server App Deployment

React Native Tutorial 0:09:09

React Native Tutorial for Beginners - Build a Dictionary App PART 2

12 Language Dictionary 1:18:47

12 Language Dictionary App in React JS [ FULL TUTORIAL ] | Material UI | Beginners Project with API

Dictionary Part 7 0:10:23

Dictionary Part 7 | React App | Analyzing the return value of the API

Dictionary Part 2 0:08:34

Dictionary Part 2 | React App | Setting up layout

English dictionary Web 0:05:18

English dictionary Web app developed in react.js

Building a Dynamic 1:16:47

Building a Dynamic Dictionary App with React, React Hooks, and Tailwind CSS

React Dictionary Order 0:08:40

React Dictionary Order Component - MERN Stack Series - 20

Creating Dictionary app 0:00:58

Creating Dictionary app using basic React first time

Top 3 Hardest 0:00:43

Top 3 Hardest Languages to Learn

Demo learn app(dictionary) 0:00:38

Demo learn app(dictionary) with React native part 1

Dictionary Part 1 0:07:28

Dictionary Part 1 | React App | Local storage, Navigation, Public API, Audio API

Dictionary Part 6 0:21:07

Dictionary Part 6 | React App | Definition Screen

Dictionary Part 8 0:22:40

Dictionary Part 8 | React App | Using Public API

Dictionary Part 4 0:28:36

Dictionary Part 4 | React App | Home UI

Dictionary Management React 0:04:08

Dictionary Management React Application v1.0.0

Комментарии
Автор

Thanks FreeCodeCamp and Mr. Beau for featuring my Content 🙏❤️.
Love making content for this channel.. 🔥🔥
Hope to bring more such tutorials in future.

RoadsideCoder
Автор

Finally Roadside Coder got exposure by such a great platform and channel. He deserves it I have a learned a lot from Him .

noobCoder
Автор

It would help to have a little more explanation of your choices, like what's the point of making "Word Hunt" an entire component - it's two static words. Also, it seems to jump around a lot like there wasn't much of a plan in building this. It would be more instructive if these things could be improved. Thanks for taking the time to share this!

je
Автор

Roadside coder is one of my favorite😍😍😍😍

_aadilhassan
Автор

Thanks a lot RoadsideCoder, I have deployed my first react app because of you 😍. Awesome tutorial 👌

ananthboudhmanabhan
Автор

I believed it's you ma man!!
So exited to follow this tutorial too.
After following the last react router dom, Sir I have become your fan!!! The perfect method have ever followed

sabirullah
Автор

Am definitely going to watch this one!!

drhastings
Автор

My advice would be to state at the beginning what level of React Knowledge is assumed. He doesn't seem to anticipate viewers questions, so it would seem like he's reaching out to a more advanced audiencee.

charlestompkins
Автор

I am taking this. Love you free code camp

bopon
Автор

Can you guys please bring up a data structures and algorithms course in java. Please please

srijitmondal
Автор

I always hope it’s the first guy teaching the course because I can understand what he’s saying.

hikingviking
Автор

His voice exposed his Robotness here 1:06:59

merebhayl
Автор

59:41 scrollbar-width property is supported only in firefox it seems 😕

ananthboudhmanabhan
Автор

Is the dictionary itself in sql or a flatfile?
basically i have a dictionary i might port to this and the tough part will probably be reformatting it to whatever db is used on the backend (no time to watch the video Right Now).

QuizmasterLaw
Автор

you are an indian
i am from nepal
#nebighours meet in utube

rajibpaudel
Автор

.


















*Never gonna give you up*

JAVAxNANI
Автор

thanks for a good video, I got an error on audio control, the link is printed in the console but not always rendered in DOM, for example, "pla" give an audio control, but "plane" not, same "bo" and "book", any hint to solve this issue? and the second question is the audio source contain (word+"--_gb_1.1.mp3") at the end?

Artavazd.kirakosyan
Автор

this video was just uploaded but material is already a bit different on their website

javim
Автор

Other languages are not working for me… any suggestions?

ibadinmeshach
Автор

I have a problem with the cors (Access-Control-Allow-Origin header). I can't solve it. Could anyone help me?

mauriziosaladino