React Responsive Gym Website Tutorial Using ReactJs | React js Projects for Beginners | Deploy

In this Reactjs project, we will make an awesome responsive gym website step-by-step. We learn React hooks, modern CSS, framer motion, and many more. For contact, we will use the Email js library to make this site more functional and practical.

No prior knowledge of react is required to follow this project. The project is surely suitable for beginners.

Time Stamps:
00:00 Intro
02:36 Contents
03:20 Starter Overview
07:10 Hero Component
40:15 Programs Component
49:01 Reasons Component
1:02:42 Plans Component
1:13:50 Testimonials Component
1:28:06 JoinUs Component
1:39:47 Footer
1:43:55 Blurs
1:49:54 Adding Animations
1:57:15 Making Responsive
2:16:44 Auto Scroll
2:19:45 Counting Numbers
2:21:20 Deployment

INSTAGRAM :
FACEBOOK:

[bubbyroller]

I have learnt more shortcuts and optimisations in the first 15 minutes than in the last 2 months with other tutorials. Hat's off dude, and thank you - I am having so much fun with this tutorial.

[shubhodeepbanerjee]

Thankuu soo much for this amazing project.. successfully Deployed🥳✌🏻

[Mintimiruku]

Your UI design always looks phenomenal. Please make more tutorial with in-depth UI experience explanation.

[IsaacDeveloper]

i have learnt a lot from this tutorial, i can only say thanks. i was a beginner while starting the tutorial but i feel like amn't a beginner anymore😛, hats off sir🖖🖖

[geisasantos]

Thanks for sharing your knowledge with us! The project is amazing! 🤩

[zeeshan.safdar]

Oh Great, Awesome UI man, so finally I found someone from Pakistan, who actually talks about programming.

[amandeepsaini]

Your design looks very beautiful to eyes and your way of coding is also good. Thanks man learnt new way to write html and css will be looking forward to your other videos.

[AbrarAhmed-wcrl]

Thank you so much for this video finally I completed the project and the website is looking awesome

[dfordemo]

it's brilliant, I'm going to create this and make this my upwork portfolio, hehe

[brunolopesc]

estou obtendo um enorme aprendizado com esse video, obrigado por compartilhar conosco Zainke!

[RealLukhele]

I have enjoyed this one, you have earned yourself a subscriber. I am happy

[mariyananjelo]

Really Thank you man, I'm looking for good React UI design with good explnation for long time. but, yours is far more than best. Thank you so much man. Mazing Project 🤩

[sergls]

Thanks a lot! This is a very useful tutorial. I really learned many cool things from it. Please do not stop. Your content is really great👍

[santhoshv]

Very wonderful tutorial. Keep up the good work!

[echangf]

Amazing. I just started learning code and this is a full guide for me, keep up the good work man.

Ps. Can you make a video of your vs extensions and snippets pls?

[rajbangar]

Brilliant video, learnt a lot.

Just one little issue CSS mix-blend-mode: overlay; does not work on Safari.

[ikebelida]

Im here for an inspiration of black colored website and boy i dont get how you guys are so good at designing wow

[kazimshahzaibfamily]

Thank a lot bro Very very thanks a lot I was stuck with smoth scrolling for 4, 5 days. The scrolling you mentioned in this project solved my error. Again Thanks a Lot Bro😊

[wkasi]

I really appreciate your outstanding work. You've really helped me out. Subbed.

[ahurein]

I like how all your designs are glass like