Project 1 - Brand Page | 10 React Projects for Beginners

Channel:
Prahlad Hacker
Subscribers:
252
Published on ● Video Link: https://www.youtube.com/watch?v=sKTAMD_FVWE


Duration: 1:00:20
7 views
0

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




react pracitce projects,practice project for beginners,react projects,react projects for beginners in hindi,react projects for beginners,react projects for portfolio,react projects for resume,React easy projects,



Other Videos By Prahlad Hacker


2024-09-155 Lifetime FREE DOMAIN & FREE HOSTING Website in 2023 | Free WordPress Hosting
2024-09-14New Investment source code free download || free source code
2024-09-0991 Club Source Code Free Download | 91 Club Source Code | Color Producction
2024-09-02Prahlad Hacker Live Stream
2024-08-15How to Create a Stunning Creative Agency Website with Nextjs
2024-08-02Build a Fullstack Task Manager Application: Next.js, React, Prisma, MongoDB - Full Tutorial
2024-08-02Full Stack Development with React and Node js - Expense Tracker Application.
2024-08-01How to start Hacking || Hacking kaise sikhe || Prahladhacker
2024-07-31Project 1 - Brand Page | 10 React Projects for Beginners
2024-07-31React Educational Website Design Tutorial in ReactJs | React.js Tutorial for Beginners
2024-07-27How to make a Smm panel for free | Free Smm panel kaise banaye | Smm panel script | Smm script
2024-07-25How to Make Own Modern HYIP Investment Platform Website Using HYIP PRO Php Script Laravel MySql
2024-07-25Free hosting and domain for wordpress 2024 (FREE FOR LIFETIME)
2024-07-24Build and Deploy an Amazing 3D Web Developer Portfolio in React JS | Beginner Three.js Tutorial
2024-07-24Develop Your Own Power Bank Investment App With Admin Panel - Skilled Lancers 🔥 | Prahladhacker
2024-07-23Build and Deploy 3 Modern UI/UX Websites and Get Hired as a Frontend Developer | Full 10-Hour Course
2024-07-23Build a Modern Real Estate App | React Website Tutorial | React Beginner Website
2024-07-2210 Dangerous Hacking Gadgets Available On Amazon And Online | Phone Hacking | Best Gadgets
2024-07-22React Website Tutorial - Beginner React JS Project Fully Responsive
2024-07-21Wifi Hacking : Hacking Wireless Network || Ethical Hacking || Prahladhacker
2024-07-21React E-Commerce App Design Tutorial | How to build an E - commerce Website


Tags:
react pracitce projects
practice project for beginners
react projects
react projects for beginners in hindi
react projects for beginners
react projects for portfolio
react projects for resume
React easy projects
Prahladhacker
react tutorial
JavaScript
php
html
css
react js
project