Build A Responsive React JS Website - CSS Modules - Beginner

Build a React JS mobile responsive website styled with CSS modules - this is a beginner React JS project. We will be using simple React JS features such as the useState hook, reusable components and passing state down from parent to child components. Pretty cool image carousel is used from SwiperJS! Very easy to install and configure Swiper into your react js project so I highly recommend using that if you want to easily add an image carousel to your react website.

🙏 Thank you for following along and please let me know what you think in the comments below!

🏆 Build a React JS website from scratch
🏆 CSS Modules
🏆 Swiper Image Carousel
🏆 Reusable components / properties
🏆 useState Hook

❤️ Support the Channel

Instagram 💪

⏰ Timestamps
00:00 Welcome
01:10 Create React App
02:56 React Js File Structure
03:15 Add images
03:42 Navbar Component
16:37 Mobile Menu
20:00 useState hook
23:05 Hero Component
42:40 Find Component
50:34 Image Slider Component - Swiper JS
57:25 Driver Component
01:07:02 Luxury Component
01:18:07: Footer

💻 GitHub Repo 💻

🔥 My Coding Equipment 🔥

[Selconag]

Watch in 0.75x speed and you can actually follow up and code. A good tutorial yeah but I always loved hands on learning so, for the people who struggles on 1x speed just try .75x. I don't need likes but if this worked for you please like so it will end up on top and everyone can see it easier.

[adhdmed]

Your React JS tutorials are much appreciated . Its like finding diamonds in the rocks.

[developedbyjs]

This is so far my favorite channel to learn web development. Been sharing your channel with everyone I know keep up the amazing work you do!

[nickyH]

Thank you so much for this tutorial. I appreciate you taking us through and explaining some of the steps in details - especially why certain attirbutes were used, and giving tips everywhere. It is really useful for us beginners.

[mrefe]

I really love your videos, seeing you make mistakes, wondering what happened and fixing it


It feels so real, thank you.

[fgalego]

Another great one my man!
1st experience with CSS Modules here. DIdn't like it at the beginning, but it kinda flows when we get used

[ics]

grate tutorial buddy. Keep it up. I liked you content and work. I was looking for a tutorial for react and find your video in the best one.

[VanessaQ]

Thank you a lot for these tutorials. 👍👍👍👍

[mateuszlukaszczyk]

another video with coding along with you, fantastic job thanks, cant learn react from tutorials since its boring, way better with your videos <3

[teetanrobotics]

Amazing bro !!! Keep it going. Love these tutorials. If possible, make one for eCommerce using nextjs.

[pictzone]

Hey! I was wondering, why do you wrap your text in the span tag before wrapping it in the p tag? Why not wrap it directly in the p tag? I didn't notice any huge advantages when you styled the elements so I was wondering why this approach. Thank you!

[developedbyjs]

This great project, wanted to learn how to make a simple slider! Thanks a lot for this project. Do you have any projects working with material UI. So far building all my project with tailwindCSS and enjoying using it but looking to add more stuff to my skillset. 😄

[belahouelbatoul]

Please i need help, my slider_container shows only one image then the second one when i click next

[vijaykv]

Heyy Sir ... Please make a tutorial videos of react ..It would b amazing as you have a great skills in react .
I would like to learn from you
Eagerly waiting !!!
thankyou for all these :)

[jorgearley]

Hey Clint U're awesome. Plss, something with scss. Thanks in advance!

[savy]

Your videos are much more appreciated, thank you, please can you create a website preloader using react, thank you very much sir

[mohammedsaidali]

Nice tutorial .... Do we need to know gatsby or next js for landing job or html css js and react is enough ...

[josephomotade]

This is so amazing again
I want to make a request I’m having a hard time with useparams in react router suing the tmdb api to create a movie details page.
Can you help with that?

[mpowereer]

can we expect nextjs and typescript videos?

[blurrybrush]

Sir can you do a mern stack website tutorial/clone. It would be really beneficial