Welcome to the ultimate course, where you will learn how to take Figma designs, turn them into four modern, responsive, beautifully-designed applications, and get hired as a front-end developer. All the way from design, over development, to deployment on your own web development portfolio! ⭐Hostinger - https://hostinger.com/javascript Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans. 📙 Get the ultimate free resources, guides, and eBooks: https://www.jsmastery.pro/resources Showcase your dev skills with practical experience and land the coding career of your dreams: 💻 JS Mastery Pro - https://jsmastery.pro/youtube ✅ A unique YOUTUBE discount code is automatically applied! In this compilation of videos, you'll learn the following: - 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 - Finally, you'll learn how to deploy your websites to extremely fast servers and give them a custom domain name. 💻 Join JSM on Discord - https://discord.gg/n6EdbFJ 🐦 Follow JSM on Twitter - https://twitter.com/jsmasterypro 🖼️ Follow JSM Instagram - https://instagram.com/javascriptmastery 💼 Business Inquiries: contact@jsmastery.pro 💻First Project: Fully Responsive Modern UI/UX Website in React JS GitHub Code (give it a star ⭐) - https://github.com/adrianhajdin/project_modern_ui_ux_gpt3 Assets - Styles - https://gist.github.com/adrianhajdin/f944d6e74d2ce1922efebe55c908d0d8 Figma Design - https://www.figma.com/file/lz9lLpFHMxHm2odnwM3R0z/gpt3 AR Shakir's Designs - https://www.arshakir.com/ BEM Guide - https://sparkbox.com/foundry/bem_by_example 💻Second Project: Fully responsive Modern Restaurant Application 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 💻Third Project: Fully Responsive Website with Modern UI/UX in React JS with Tailwind GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/project_hoobank Figma Design: https://www.figma.com/file/bUGIPys15E78w9bs1l4tgS/HooBank?node-id=310%3A485 GitHub Gist Code Snippets: https://gist.github.com/adrianhajdin/8a04faf5e52419ec93cd5329ffcb011e Assets: Filmpire course - https://www.jsmastery.pro/ultimate-react-course?discount=youtube 🎨 Design by: https://www.oneweekwonders.com/ | https://dribbble.com/OWWStudio 💻Fourth Project: The Perfect Developer Portfolio GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/portfolio_website TimeLine.jsx - https://gist.github.com/adrianhajdin/e5ec924260241801c40ab979bdb1807d Timestamps: 00:00:00 Intro 00:03:32 Application One 03:21:28 Application Two 06:36:17 Application Three 08:49:24 Application Four