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.

⭐Hostinger – https://www.hostinger.com/javascriptmastery
Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.

📚 Materials/References:
Starter Code – https://downgit.github.io/#/home?url=https://github.com/adrianhajdin/project_modern_ui_ux_restaurant/tree/main/starter_src
GitHub Code (give it a star ⭐) – https://github.com/adrianhajdin/project_modern_ui_ux_restaurant
Figma File – https://www.figma.com/file/yvClSI9AZBRX8UaaGEByF3/Modern-Ui%2FUx%3A-Gericht?node-id=53%3A2
UI8 Gericht – https://ui8.net/iqonicdesign/products/gericht-restaurant-website-ui-in-figma
BEM Educational Link – https://sparkbox.com/foundry/bem_by_example

📧 Mailing List JavaScript Mastery Pro: https://resource.jsmasterypro.com/newsletter 🔥

💻 Become a part of our Discord Community – https://discord.gg/n6EdbFJ

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.completepathtojavascriptmastery.com/
Use the special promo code “YOUTUBE” on checkout to save $60!

❤️ Support JavaScript Mastery & Suggest Future Videos:
BuyMeACoffe: https://www.buymeacoffee.com/JSMastery
Patreon: https://www.patreon.com/javascriptmastery

🌎 Find Me Here:
Discord Group: https://discord.gg/n6EdbFJ
Instagram: https://instagram.com/javascriptmastery
Twitter: https://twitter.com/jsmasterypro

💼 Business Inquiries:
E-mail: contact@jsmasterypro.com

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

You May Also Like