React Website Tutorial With Tailwind CSS - Beginner React Mobile Responsive Project

[@milessteamaccount]

Thanks for these coding videos man. I code along as I watch these videos and not only do I Iearn a lot but I also get inspired and motivated (even if it's temporary) to create my own projects. Keep up the great work

[@codecommerce]

Thank you so much dude! Keep it going and build out some projects!

[@mueletech]

You forgot to code the search button functionality, however i can add. This was the best VIDEO EVER. I FOLLOWED CZ I had zero knowledge in tailwind, but now i see myself being good at tailwind.

[@codecommerce]

Glad it helped! You could use a filter method.

[@tiagocosta2689]

One more project completed. You are definetly changing people's lives. Thanks for that

[@ramasai2576]

first time i have done something completely... thanks you very much

[@codecommerce]

Thank you!

[@alejandroszg]

What an amazing tutorial! It's very useful for me as a beginner with React and Tailwind CSS! Thank you so much and keep going!

[@jeffwang8660]

Thanks mate! This is amazing and the best Tailwindcss/React tutorial I have seen! You explained thing clearly and mentioned those little tricks as well. It is really friendly to beginners. Highly recommended!

[@mtycoder]

done, literally you are becoming my favorite youtube dev channel!!!

[@codecommerce]

Thank you so much Oscar! That is 🔥 🔥

[@RajeshKumar-uw9qi]

Always choose awesome design and well explained.
My big thanks. Have a good day 😊

[@codecommerce]

Thank you Rajesh

[@t.lanette4049]

Your tutorial was awesome! It helped me to get reacquainted with ReactJS and learn how to use Tailwind CSS. Thank you for providing the link to your Github. If I missed a step it was helpful for me to go back and check your code.

[@mrnabby4178]

You are the best teacher bro and absolutely beginner friendly. I have learnt so many things from you. Thanks for your contribution bro.

[@codecommerce]

Thank you dude!

[@chrisc.4144]

Tons of fun and value following along with this. Thank you!

[@youngwolf1009]

Your videos are both a mix of a course and a tutorial, you have a gift bro. Wish i discovered your channel before waisting my time on videos like Learn React/Javascript in 9855684 hours

[@alnomancs]

This is a great lesson for me. After learning the basics of tailwind, this is my first project, making me more confident about tailwind used in react project. thank you so much, sir.

[@dilanpriyankara1158]

Thanks bro! This is amazing and the best tutorial I have seen! You explained thing clearly and mentioned those little tricks as well. It is really friendly to beginners. Highly recommended!

[@Mahmoud_A999]

I found good videos here .. i wish you good man and i wish more people to see your awesome videos

[@ahmetdikbayir6518]

Thank you so much. Your videos are really useful for beginners. I learn too much new information from these.

[@oluwaseunajibowo7422]

Thanks for this tutorial,you nail it 😊
I learnt alot from this, i am looking forward to seeing more react js tutorial from you. thanks!

[@OmriAlter]

Thanks you really helped me with Tailwind I love you (Just like that!! )

[@manuudeluca]

Thank you for this video! Wanted to try doing my first project and was so fun!

[@panayiotisnicolaou7837]

Thanks man, you are helping people actually to learn

[@abelayalewt]

this is the best project for Beginners like me, easy to follow and everything is straight forward. Thank you!

[@codecommerce]

Thank you Abel!

[@zobaerahmedzihad7805]

WOW....!! That's a great project. I loved your content. Go ahead.
Love From Bangladesh.

[@codecommerce]

Thank you so much dude!

[@myytkn8526]

I always have to watch and recreate your videos. After watching, I can't try it myself. I learned some React before that I learned JS which I need for React but sometimes I get stuck. Can you please make a long video with React and Tailwind about exactly what Tailwind does in React and React also do something with React and Tailwind video? Lots of examples would be really nice. Otherwise great video keep it up.

[@romimaximus]

i came to see how to use Tailwind css, ... but i learned a whole a lot more than that...😂😂😂😂.... anyway, this an awesome tutorial !! , and thank you very much for sharing this great content... 😎👍

[@funfailclips5048]

thank you so much brother this is really friendly to beginners. Highly recommended!

[@properahmer]

Great video. I learnt a lot in a very short span. Keep it up...👌🙏👍

[@codecommerce]

Thanks Ahmer!

[@vatansrivastava7279]

Thanks Client.. This was a very easy to follow and beginner friendly tutorial. Bring More videos cause it's been months you did'nt uploded any tutorial like this.

[@codecommerce]

I have some coming sir!

[@vatansrivastava7279]

@@codecommerce Thank you! Waiting for it. You are just a magician at the time of explaining the concepts.

[@vladv5530]

It's a great tutorial! Easy-to-catch given info & very nice project as a result of studying. Thank you very much, Clint! You've done a great work. I appreciate your help in learning React. Greetings from Ukraine!

[@codecommerce]

Thank you so much Vlad! Much love!

[@anifaster4717]

thank you for this amazing video your all videos can help me increase my knowledge of codimg

[@codecommerce]

Thank you my friend!

[@entrinsek9230]

Great course dude follow your instructions

[@codecommerce]

Thank you!

[@leandropedicino920]

Grear tutorial, perfectly explained and very helpful to understand more about Taiilwind aswel as React. I really appreciate the content that you do, helped me a lot to improve my skills.

[@codecommerce]

Thank you Leandro! That’s awesome man.

[@bigdiaoge2036]

Follow all the way, excellent teaching👊

[@codecommerce]

Thank you my friend!

[@anujadi8366]

Thanks for sharing these amazing tricks in tailwind with a great explanation best tutorial for beginners in react especially from design point of view

[@k303k]

Very clear explanation sir.Much appreciated!!!

[@GameDevlaund]

Hey Clint, great content as always. Cheers from Turkey

[@codecommerce]

Thank you so much Emre!

[@randomsounds.844]

Awesome tutorial. Thanks a bunch!

[@codecommerce]

Thank you!

[@heidelol6184]

Awesome project! awesome job man, definitely i been learning a lot with this little project videos! keep up the work man!

[@codecommerce]

Thank you my friend! 🙏

[@sthefanocarvalho2823]

You're aweome.
keep it up!
Thank you :)

[@codecommerce]

Thanks, will do! You're awesome

[@SagnikChakraborty-e3q]

Completed The Entire Video. Can I add this project in my resume?

[@mehrdadmousavi9144]

It was Great Bro, I was coding line by line with you, thanks a lot for perfect training

[@codecommerce]

Much love dude!!

[@sanzous]

Thanks for the great content as always man!

[@codecommerce]

Thanks man!

[@jose-kb1dg]

Thank you for the tutorial. This is what i was looking for, easy explained and not several hours long tutorial This opens a lot of ideas how to make different frontend projects. I was just wondering if you will post a full front and backend project soon. Thank you once more :)

[@paulolawale5104]

Awesome. Thanks for this amazing offer

[@zihadprogrammer4246]

Thank you so much for creating this.
If you create this type of videos then we will be benefited more.💟

[@codecommerce]

Thank you Zihad

[@blertonrexhepi31]

I really appreciate the effort you are making by making these kinds of videos that help us develop.

[@codecommerce]

Thank you Blerton- I enjoy interacting with you guys!

[@pamelaafaneh7459]

Great stuff! Thank you!

[@codecommerce]

Thank you!

[@amidoucisse4415]

Thanks for your tutorial I enjoy

[@Degamer790]

Thanks for the great tutorial! Can we use this project on our own portfolios?

[@codecommerce]

Please do!

[@Degamer790]

@@codecommerce appreciate it :)

[@ufuktekin3465]

Thank you for everything again and again

[@codecommerce]

Much love dude!

[@m__link6499]

Love the way tou use the fliter method👍🏾

[@codecommerce]

Thank you! Cheers!

[@Umairkhan-g2p1g]

COMPLETED

[@davifirmino8290]

Thank you for the tutorial.

[@sunilhanss]

Thanks alot u are awesome 👌 really thank u from the core of my heart ❤️

[@nelohenriq]

Great work! Is it possible to evaluate this project for feching data from an api? Love to see you explain all that the way only you can!!! Make videos with client/server integration please!!

[@jamjam3337]

Thank you for the tutorial👍

[@codecommerce]

Much love dude!

[@Akashcakes]

I enjoyed the class sir.... Thx for the video ✨

[@codecommerce]

Thank you my friend!

[@sametx7048]

thanks man you're number 1

[@xrdimCh]

Hello ! Thanks for these tutorials especially with tailwind css they are very usefull. In this video i would like to add on NavBar.jsx when navbar is show body scrolls and it's a bit annoying. I added
useEffect(() => {
if (nav) {
document.body.style.overflow = 'hidden';
} else {
document.body.style.overflow = 'auto';
}
}, [nav]);
so it doesn't scroll when the nav is not open.
Thank you again and keep it up.

[@codecommerce]

I like that, thank you Xristos. You’re right, that is annoying.

[@cryptoworld1984]

i completed my first project with you thank you so much ,please make video with node js ,mysql ,mongo db (2024 january 07 )

[@Lafsha]

thank u, i learned so much

[@vladislavmitkov1580]

Thank you for the tutorials. They are very helpful. It would be nice if you show how to make the filters working together.

[@codecommerce]

That’s a great idea thank you

[@nuveon8125]

Fantastic Project Sir! How can I find a description how to deploy projects of myself on github for public?

[@mostafababaei3431]

super informative and very valuable. Thanks man. Please build some projects with Redux and useContext as well.

[@codecommerce]

Will do sir! I have some usecontext videos in a few auth apps.

[@mostafababaei3431]

@@codecommerce Thanks a lot

[@ebraraltunkaynak6438]

thanks man, u are the best

[@codecommerce]

You’re awesome dude! 💪

[@adebayosaadudeenadebayos-ho3up]

Great project and well explained, how about you set the functionalities for those navbar like search engines at the navbar where we can search for food item and also all the side bar functionality

[@algorithmtrader]

FIRE CLINT BACK AT IT AGAIN!!!!!!!!!!!!

[@codecommerce]

Whats up George!!!

[@mdsayem8893]

You just killed it

[@codecommerce]

Thank you dude!

[@aymenbachiri-yh2hd]

great work

[@SugoiGaming.]

excellent content

[@johannes1498]

thank you man, as always

[@codecommerce]

ThanK You Johannes!

[@tenc6491]

Hi Clint, thank you so muck for this awesome tutorial as usual. learnt a lot from it. Youre right! Tailwind looks too intriguing and efficient.
Thank said, might I ask if you could help create the "Search functionality" on this page please?
We have the Search Bar but its there just for the sake of it, it seems.
I tried workaround to enable the Search functionality but, I am absolutely new to React and sometimes, it overwhelms me. Please help if you can. Thanks a lot mate!

[@mateuszlukaszczyk5359]

love it

[@codecommerce]

Thank you my friend!

[@lautaroblasco]

nice video

[@MdShahidullah-di6fj]

Thanks a million

[@lalagisaa]

U Deserve more mate

[@codecommerce]

We will get there my friend! Much appreciated!

[@arturgorbunov3792]

I would recommend you to use more semantic tags,
and these nesting levels, em..., maybe code splitting is not so bad idea at all. :D
I know here is more about Tailwind, it seems to me, btw thank you!

[@codecommerce]

You’re right Artur. I should use better semantic Html

[@naibkhan2145]

sir where you take this icons that's hard to find for beginner like BsFillCardFill

[@codecommerce]

You can use different icons or a different icon library.

[@cjfranca2004]

Amazing. Firts congrats for share a lot knowledge. 2s I not understand very good. The bakc and have in this video class too? If not, do you can build for the owner receive order information and payment confirmation by whatsapp?
Thank you a lot.

[@codecommerce]

I suppose you could

[@_mustafa.571]

Thanks man

[@developedbyjs]

Can you please do more builds like this! Learned a'lot from this one

[@codecommerce]

I’m working on another one now sir! The design aspect is probably my least favorite part - it takes a while! 😆

[@developedbyjs]

@@codecommerce Thank you so much! yeah that totally takes a'lot of time!! Really appreciate the value we get from every video you post.

[@nandopookey9195]

Thank you sir

[@josephomotade864]

thanks for this one

[@codecommerce]

Joseph! Thank you dude!

[@dalestewart]

Smash the like button. Another professional real world application.👍

[@codecommerce]

Thanks again!

[@izzy20.]

❤

[@ronananderson]

Awesome tutorial. However my app crashes after I filter. It will filter once than says too many rerenders. App crashes to prevent infinite rerenders. What could be my problem? I added a key=index. Could it have something to do with the arrow function? Thanks.

[@wisdomelue]

nice one chief

[@codecommerce]

Thank you Elue

[@caglarkarahuseyin]

That is great content thank you very much. Maybe we should use gap or space-x/y class instead of margin flex items? What do you think?

[@mohamedaddabenkoceir3098]

Thank you

[@dimasnytin]

Great

[@codecommerce]

Thank you

[@buraksavkli2165]

Where you find ui examples all of your videos? May you share pls ?

[@saifulrasel6667]

thank you boss

[@mushthakmohd8195]

Thank you🥰

[@codecommerce]

Thank you dude!

[@piyushverma6969]

thank u so much sir have watched some of ur videos u made awesome Ui's

[@codecommerce]

Thank you so much Piyush!

[@vcodev108]

I have basic experience when it comes to react can I still take this course?

[@algorithmtrader]

yes

[@codecommerce]

Thanks George! And yes this is a basic react video

[@vcodev108]

@@codecommerce Ok that was the thing that kept me from not taking now I can proceed, thanks to you both for guiding me.

[@tiagocosta2689]

One suggestion: if you have the figma project link so we can follow better what step you are doing. Or the source of where you are getting th design from.
Thanks !

[@codecommerce]

Thanks Tiago! I actually don’t have a figma design. I just design it as I go. (Prior to filming of course)

[@tiagocosta2689]

@@codecommerce Congracts for the designs created ! They are great !

[@amalajoseph1328]

Thankyou❤

[@codecommerce]

Thank you!

[@lalagisaa]

Sorry for asking, but could you implement redux as middleware instead of useContext for the next content, please?
Need some practice about it tho 🙏👍

[@codecommerce]

Christian , I myself need some practice with redux. It’s coming soon!

[@shivamsharma-nw9ij]

please upload a video on masonry grid with tailwind css
love from INDIA ✌✌

[@codecommerce]

So awesome dude!!! You’re amazing. I do love grid with tailwind!

[@Arabian_Abomination]

This is making me hungry 😃

[@codecommerce]

Haha yes!

[@safalthapa4795]

thanks