How to Make Google Website Using React JS & Styled Components - Beginner Tutorial
HTML-код
- Опубликовано: 20 май 2024
- How to Make Google Website Using React JS & Styled Components in this Beginner Tutorial. We will use React JS, styled-components & React Router for this project.
If you want to follow me along my coding journey, be sure to subscribe :)
/ @briandesign
If you want to get 2 FREE Stocks valued up to $1850, you can here bit.ly/webull-join
Source Code:
www.codavilla.com/posts/how-t...
Timeline
0:00 What we are building
0:48 Creating React App
3:12 Creating Project Files
7:16 Creating Navbar
17:02 Creating Pages
18:33 Creating Routes/Links
22:08 Creating Home Page/Search Section
35:34 Creating Global Styles
Check out this awesome tech gear
Macbook M1: amzn.to/3nBvfkM
Wireless Keyboard: amzn.to/2Wxf5g1
Wireless Mouse: amzn.to/3r6VRfj
Wireless Earphones: amzn.to/3gZlLgt
If you want to follow me along my coding journey, be sure to subscribe :)
/ @briandesign
Check out my other React Website Videos
Make a React Real Estate Website
• Make a React Website w...
Make a React Website Using Tailwind CSS
• Make a React Website w...
Make a Website using Gatsby & Graph QL
• Build a Responsive Web...
Some links in the description are affiliate links, which means that if you use them I will receive a small commission.
Bro thank you so much for your tutorials, been learning react this year so i'm thankful to the RUclips Gods you popped up
Hey Brian, nice video! I just started my channel and also did a React / Google tutorial (but with Material UI). I found your Google tutorial after!
Great tutorial, thanks you !
as usual enjoyed, thank you, volume could have been enhanced a bit!!
Great content sir
Hi thanks for giving this good tutorial ,as usual ur tutorial are awesome ,and be safe thanks once again
Hey Brian, keep up doing what you do. I miss your 2 hour + videos on react JS. I have done several videos that you've posted so I know I enjoy them.
Please consider making one full FREE course. For instance a shopping cart site or anything else that takes your fancy as long as it's in react JS and it's over 2 hours.
Thanks in advance.
Thanks Brian! Yeah I've been super busy with other things lately, so haven't had the time to make those longer videos atm. They sometimes take 2-3 months to make, so once my time frees up I'll work on them
good tutorial. keep them coming brother...volume sounds a bit low.....i have to max my audio to hear u ..
Been watching your video...awesome.. Would love to see yous hare about how you learned coding? I'm a designer learning coding now and I want to know how to learn faster.
Thanks
Sir, can you make the video on React js navbar click function? After clicking the navbar item, it should go to that section on the same page. NOT THE ROUTING from one page to another. PLEASE, SIR.
Thanks for your tutorial.
I have one issue. when I run the app again, it only start with navbar only, the searchbar doesn't show up
Hi. Where can I find your SVG file source code?
Great video. Can you make one on how to make a website to track stocks going to the moon?
Hey, I want to talk to you regarding design stuff. How can I do that?
Can you make a video on how to make a signin/register button that fully works
For people having issue with routing:
reactrouter is upgraded to v6.
"Switch" is degraded and you have to use 'Routes' to wrap up the 'Route' elements. Also now in reactrouter v6 route should be embedded as " ". 🔧
@BrianDesign ,plz pin this up for future viewers
I made two new tutorials on react router v6.4 with the new routes
@@briandesign
is this really for beginner?
I love your video, Plz Add korean subtitles :(
hi brian can you make an html, css and js tutorial but with an actual image in the navbar
like a logo?
@@briandesign yea like a logo for the navbar
Hey brain, please upload website like swiggy and zomato.
Hope u well
thanks yeah I'm doing good!
Hey Brian Checkout JellyFish Theme for vscode. Highly recommended
Your volume is ?????
it sounds normal on my end
Yoo how u been
yoo been good! just have a lot of other things I'm working on
YOO YOO WHAT'S GOOD EVERYONE
yoooo
github?
it's in the bio