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.
Build even more comprehensive, modern applications such as an AI-Powered Movie App and an NFT Marketplace application – Check it out now – https://www.jsmastery.pro 🔥
💻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:
GitHub Code (give it a star ⭐) – https://github.com/adrianhajdin/project_modern_ui_ux_gpt3
Assets – https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdin/project_modern_ui_ux_gpt3/tree/main/src/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
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.
📧 Join our exclusive JavaScript Mastery Newsletter on Web Development, JavaScript & React to get exclusive programming guides, tips & tricks, and entire e-books: https://resource.jsmasterypro.com/newsletter 🔥
💻 Discord – https://discord.gg/n6EdbFJ
💻 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:13:29 File & Folder Structure
00:28:58 Navigation Bar
01:05:23 Header
01:33:14 Brands Section
01:37:49 What is GP3 Section
01:58:54 Future is Now Section
02:04:16 Features
02:16:33 CTA
02:33:05 Blog Section
02:55:06 Footer
03:16:34 Deployment
source
Build even more professional projects, add them to your portfolio, and land a job! https://www.jsmastery.pro 🔥
These videos are amazing, after a handful of projects completed and a few of my own creations, I should be able to stand out a lot more on my cv and set myself up better to secure a job.
amazing video thanks man
how can i fix npm err after installing react-icons?
thank you so much. Could you please make a follow up on this or direct me on how the blogs could be added through a CMS provider?
Adrian, here i am from India, i dont know where are you right now, but i am praying to God to give you everything that you want because i am blessed that i am learning soooo much from you, you are one of the resource person whom i always searched for, thank you sooo much for giving such a wonderful way of teaching of web development. 🙏
Thank you so much !
#49:46
☁5PM Nov 1st 2022
This tutorial open my mind. Really is a great video to level up. Thank you.
name of VS Code theme?
однажды и я стану прогером
This is an amazing tutorial! I'm wondering if there is another video teaching how to let another users to sign up for the chat app.
thank you very much
thank you for this video !!
you need to explain stuff more buddy!
for instance why did you create all that new folders at the beginning ?
why shouldn't we create them when we reach the point where we need them ? it makes things confusing
the way you say " aaaand" is hilarious 😄
REACT, CSS ,DEPLOY
Thank you a lot
Support from me
As Always my favourite The JS Mastery
Id followed your tutorials im stuck at the beginning my localhost3000 doesnt show me the gpt-3 h1 i dont know what to do, please help
Let's goooo. I am so exciting. Thank you
I am 47 minutes in and he has yet to say "because" or why we are doing any of this. So far it's just been "copy this code" with little explanation of what it actually does. Hopefully that changes once we get into the React portions but this doesn't seem to be much of a "tutorial" but rather a walk through.
Your videos are so professional, bravo sir….bravo 👏👏👏 I learned so much from this, not only what you had too teach but anything that i dont understand i can get from the docs. Thank you
THANKS ALOT MA MAN IT WORKED FOR ME SURE TOOK A WHILE BUT ITS GREAT
Seeing you copying all those variables at the same time….*What is this Wizardry!*
My God!! Been looking for a masterpiece like this. Fortunately it comes with no price. I cant just thank enough.🥰♥️
…………..eeeeend ……………eeeennd…………….
Your character 😀
I will teach you how to make a good profit with zero capita. its fully guarantee. just ask me how ?
the question is why didn't you use font family in the body directly like that
body { font-family : (–font-family); }
cause i think that we reppeted that code everywere and thank you ❤️
This is super dope 🙌 👌 👏 💯 🔥