Project 1 - Brand Page | 10 React Projects for Beginners

Discover the best React project series ever created for beginners! Follow along as we guide you through 10 engaging projects that use Figma design to create stunning UI. From building a to-do list app to a weather app, you'll learn the fundamentals of React while developing real-world web apps. With our step-by-step tutorials, you'll become a React pro in no time! So join us now and unlock the secrets of building awesome web apps with React and Figma

Project 1 React Brand Page Figma Design 
https://www.figma.com/file/rephrU2FVgN8MFz6XhnP51/Learn-React-with-10-Projects?type=design&node-id=0-1&t=ExzjQLThD1EGWh8Q-0

Project 1  React Brand Page. - Source Code 
 https://github.com/anshuopinion/React-10-Projects/tree/project-1

10 React Project Playlist 
https://www.youtube.com/playlist?list=PLPppPPmk0i3j_DW1T-UbryDVhBDgaAfEp

Video Chapters 

00:00 - Project 1 Intro
01:00 - What is React?
02:30 - How to install React
08:59 - About Main.jsx in React
12:14 - .gitignore File
12:37 - package.json
13:29 - How to install Node packages
16:36 - How to start React project
16:51 - Write first React program
18:15 - Now, using design, we will build project
18:50 - Understanding React components
24:29 - Creating Nav component
26:12 - Exporting images from Figma to React project
27:05 - Continue Nav
27:52 - Emmet setting for React
28:54 - How to add fonts in React project
31:05 - Writing CSS for Nav
38:48 - Refactoring and making Navigation component
43:02 - Hero Section
49:47 - Styling Hero Section



HTML Course  
 https://www.youtube.com/playlist?list=PLPppPPmk0i3gL2isb9Kr1GvTM8id2gdtY
CSS Course 
https://www.youtube.com/playlist?list=PLPppPPmk0i3gWK5TVILnKSvuc9Fc15sbH
Html and CSS practice Projects 
 https://www.youtube.com/playlist?list=PLPppPPmk0i3hZCNmbVtcP1hlwDKOdUFX9
Javascript Course 
https://www.youtube.com/playlist?list=PLPppPPmk0i3gZCY8JZ0H5oykFGevvNzNS




Linkedin -  https://linkedin.com/in/anshuopinion
Telegram Channel -  https://telegram.me/dosomecodinghelp
Instagram - https://instagram.com/dosomecoding
Github - https://github.com/anshuopinion