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.
💻JS Mastery Pro - https://jsmastery.pro?discount=youtube
✅ A special YOUTUBE discount code is automatically applied!
⭐Hostinger - https://www.hostinger.com/javascriptm...
Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.
📚 Materials/References:
Starter Code - https://downgit.github.io/#/home?url=...
GitHub Code (give it a star ⭐) - https://github.com/adrianhajdin/proje...
Figma File - https://www.figma.com/file/yvClSI9AZB...
UI8 Gericht - https://ui8.net/iqonicdesign/products...
BEM Educational Link - https://sparkbox.com/foundry/bem_by_e...
📧 Mailing List JavaScript Mastery Pro: https://resource.jsmastery.pro/newsle... 🔥
💻 Become a part of our Discord Community - / discord
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.
💻 Master JavaScript: https://www.completepathtojavascriptm...
Use the special promo code "YOUTUBE" on checkout to save $60!
❤️ Support JavaScript Mastery & Suggest Future Videos:
BuyMeACoffe: https://www.buymeacoffee.com/JSMastery
Patreon: / javascriptmastery
🌎 Find Me Here:
Discord Group: / discord
Instagram: / javascriptmastery
Twitter: / jsmasterypro
💼 Business Inquiries:
E-mail: [email protected]
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