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