Build and Deploy a Fully Responsive Restaurant Website with Modern UI and UX in ReactJS

This video is perfect for you if you want to learn how to transform a #Figma design into a fully functioning website, improve your CSS skills, and create modern and responsive #ReactJS websites.

✅ A special YOUTUBE discount code is automatically applied!

Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.

📚 Materials/References:

By the end of this video, you'll learn:
- React functional components and their reusability
- React file and folder structure
- Fundamental #CSS properties to master flex & grid
- Fundamentals of the CSS BEM Model
- From soft and pleasant animations to complex gradients
- Perfectly placed media queries for satisfactory responsiveness covering almost all devices
- And at the end, you'll learn how to deploy your websites to extremely fast servers and give them a custom domain name.

Use the special promo code "YOUTUBE" on checkout to save $60!

❤️ Support JavaScript Mastery & Suggest Future Videos:

🌎 Find Me Here:

💼 Business Inquiries:

Time Stamps 👇
00:00:00 Intro
00:10:49 Setup
00:23:43 Navbar
00:50:00 Header
00:59:51 About Us
01:14:22 Special Menu
01:42:06 Chef
01:52:41 Video Player
02:04:26 Awards
02:16:28 Gallery
02:40:42 Find Us
02:46:13 Footer
03:18:35 Deployment

[afridirahman]

Your Project builds has always been top class. In recent videos I'm noticing your presentation quality has gone to another level. Can't thank you enough for providing such quality contents

[VVitherr]

Since i've started programming i watched dozens of tutorials, and by far your channel provides the best quality among all of them. Great work, incerdible content!

[soujigor]

August 15th 2021, I decided to change carrier and dived into programming. Since then, I've watch several tutorials, courses and hints to learn and improve my skills. This channel is by far the best one.

Great video, great content! Thank you for sharing this with us.

[nitinsoni]

You an amazing instructor and more amazing human-being. Providing more quality content than the paid ones for free here on youtube.

[vikk]

Got job because of you, keep inspiring

[mattoattacko]

As soon as I saw the description saying we were building something from a Figma file, I was stoked! Thank you for listening to our requests!

[paulus_de_gross]

Actually you're pretty damn close to the actual pronounciation of Gericht! And thanks, you're one of the best javascript-teaching channels on youtube!

[smarthustlersclub]

am not even a programmer, but this man for the past 3minutes, make me like ReactJs, is super awesome to watch someone that know how to teach stuff

[shadmansakib]

We need an awesome full-stack portfolio tutorial from you sir

[anuhyabalija]

You add so much value to the community. Thank you for helping us out. I recently made your web3.0 build it's just amazing I learnt so many things from that video

[mcuddles]

What a legend! This is on another level.
Thank you so much for sharing your knowledge with us.

[rahul-thakare]

Was waiting for a new video and seems like it was worth.
Awesome tutorial as always!
Many thanks to this channel.

[shivampatel]

Hats off to you man for the best quality content on YouTube. This is one of the best channels I came across for JS development. If possible please try to cover Angular also. And Thanks a ton.

[vedantingole]

this is what I was looking for. As always perfect timing.

[SamrudhSwaminathan]

Omg, This is getting better and better with every video! Thanks a bunch for these tutorials!!

[uuubgbl]

This is a great start for those who began to learn Js and React!!! I could not thank you enough for your content! I think this project and the knowledge I got from your tutorials are gonna help me get a job soon!!!!)))

[keshavakumar]

I learned a lot from you, the amount of amazing content and knowledge you provide is a blessing. from 1 of Feb ill start applying for jobs and once I get it ill be supporting you. thanks again for bringing such quality content for free.

[melania]

Thanks for not using a lot of dependecies 💙 your videos are the best!

[DhruvSharma-zupq]

you're the best Javascript master on youtube that I know

[johannbausch]

What a legend!
You are the best, there is no one better than you on youtube.
Good projects, good presentation.
I was about to give up on my web dev journey and I watched your videos, now I am back, thank you for such quality work!
Could you make this a MERN project tutorial?