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

4.0 (0)

3 learners

What you'll learn

This course includes

32.5 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

javascript javascript mastery js mastery master javascript react website react website example restaurant website react website tutorial react website portfolio react project react js react website design

Full Transcript

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: [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