This video is perfect for you if you want to learn how to turn a #Figma design into a fully functional website, improve your CSS skills, and create modern, responsive #ReactJS websites.

JS Mastery Pro – https://jsmastery.pro?discount=youtube
A special YOUTUBE discount code is automatically applied!

Hosting – https://www.hostinger.com/javascriptmastery
Use code JAVASCRIPTMASTERY to save up to 91% on all annual 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

JavaScript Mastery Pro mailing list: https://resource.jsmastery.pro/newsletter

Become a member of our Discord community – https://discord.gg/n6EdbFJ

At the end of this video, you will learn:
– React functional components and their reusability
– React to file and folder structure
– Fundamental #CSS properties to master flex & grid
– Fundamentals of the CSS BEM model
– Smooth and pleasant animations with complex gradients
– Perfectly placed media queries for satisfying responsiveness covering almost all devices
– And at the end you will learn how to deploy your websites on extremely fast servers and give them a custom domain name.

Master JavaScript: https://www.completepathtojavascriptmastery.com/
Use special promo code /"YOUTUBE/" at checkout to save $60!

️ Support for JavaScript proficiency and suggestion for 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:
Email: [email protected]

Timestamps
00:00:00 Introduction
00:10:49 Setup
00:23:43 Navigation bar
00:50:00 Header
00:59:51 About us
01:14:22 Special menu
01:42:06 Chief
01:52:41 Video player
02:04:26 Rewards
02:16:28 Gallery
02:40:42 Find us
02:46:13 Footer
03:18:35 Deployment

Please take the opportunity to connect and share this video with your friends and family if you find it useful.