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/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.jsmastery.pro/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@jsmastery.pro 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