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.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

source

23 Comments

  2. I got this issues could anybody help what is the problem ? Thanks in advance
    Compiled with problems:X

    ERROR in ./src/components/Navbar/Navbar.jsx 142:38-61

    export 'MdOutlineResturdantMenu' (imported as 'MdOutlineResturdantMenu') was not found in 'react-icons/md' (possible exports: Md10K, Md10Mp, Md11Mp, Md12Mp, Md13Mp, Md14Mp, Md15Mp, Md16Mp

  16. @JavaScriptMastery This is amazing! Could you create a video showing your planing process for the newby freelancers? Such as how you come up with the website name, theme, logos, tools you would recommend over others with the process etc. I'm a self-taught developer and while looking for a position I like to take more jobs and build a clientele.

Leave A Reply

Please enter your comment!
Please enter your name here