Create an E-Commerce App with React: A Beginner’s Guide | Tanay Pratap Hindi

Sdílet
Vložit
  • čas přidán 5. 06. 2023
  • Learn how to create an e-commerce app with React in this beginner's guide. Follow the step-by-step tutorial and explore topics like setting up the project, building components, implementing authentication, connecting to APIs, and more.
    #reacttutorial #ecommerceapp #tanaypratap
    ------------------------------------------------------------------------------------------------------
    Like, Share, and Subscribe for more!
    Follow me on my other social media handles for all updates, events, and live sessions-
    Instagram: / tanaypratap
    Facebook: / tanayofficial
    LinkedIn: / tanaypratap
    Twitter: / tanaypratap
    ------------------------------------------------------------------------------------------------------------------
    What's my story? An engineer, in love with his job, started teaching on the side. Got lucky. Impacted 1000s of lives. Had to finally leave his job to increase the impact surface area. Raised $5M funding to fix education. Is learning day and day about startups and building a valuable product.
    How is it going? A decade of engineering helps in systems thinking and product building. Learning about Strategy, Marketing, People Management, and Finance on the go.
    What am I building? Today, 25 million Indians prepare for government job entrance exams. They do it for years together. The probability of success is less than 1% but they still do it. Why? For the lack of a structured alternative to launch their white-collar career. I am building Invact to bridge this gap.
    How? Follow me to know, it's a long story. I am telling it in parts every day.

Komentáře • 674

  • @umairmalik6480
    @umairmalik6480 Před rokem +153

    I was working in a very small project from last 15 days and i was kinda stuck in css while my main aim was to polish my React skills but after watching half of your video i can't control my emotions and i started writing this comment!
    Thankyou from Pakistan!

    • @hostnavin3826
      @hostnavin3826 Před rokem +2

      same here 😃

    • @Bhushan_gaikwad10
      @Bhushan_gaikwad10 Před rokem +3

      Bhai javascript sikh liya hu ma but project bana nahi pata react js start kar du kya

    • @asmr_developer7777
      @asmr_developer7777 Před rokem +4

      @@Bhushan_gaikwad10 yaa start krdo React kyokii Acche projects tohh React se hi bante haai

    • @Bhushan_gaikwad10
      @Bhushan_gaikwad10 Před rokem +1

      @@asmr_developer7777 are u student or working as developer?

    • @asmr_developer7777
      @asmr_developer7777 Před rokem +1

      @@Bhushan_gaikwad10 I’m in 3rd year Btech Computer Science

  • @lazygamer6249
    @lazygamer6249 Před rokem +149

    Sometimes 12 mins make you more confident than 12 hour tutorial. Respect.

  • @abhinandankumargupta1052
    @abhinandankumargupta1052 Před rokem +51

    Yes we want more videos like this.

  • @sushantharne9342
    @sushantharne9342 Před rokem +13

    I also struggled with my first project where css almost took my life because I was trying to clone some big giants e-commerce app 😂. Thanks to tanay sir for making such a detailed video for beginners.

  • @durgashinde5906
    @durgashinde5906 Před rokem +13

    Truly your guidance is going to change all youths' destiny who are watching you
    Amazing much needed basic guidance
    Expecting more such videos from you

  • @harshitprasad1064
    @harshitprasad1064 Před rokem +1

    So true, I am working on a data visualisation project which visualizes data related to company's financial statements and I too am working my way through the same way explained by Tanay sir.

  • @akshay6023
    @akshay6023 Před rokem +2

    Thank you sir same problems I was facing. I was thinking about backend and css but now I am feeling blessed. Please continue this series.🙏

  • @rahulkrhathi6692
    @rahulkrhathi6692 Před rokem +3

    This is the video every beginner should watch before making projects.❤️

  • @AsmaKhan-qf6gd
    @AsmaKhan-qf6gd Před rokem +4

    OMG your guidance is change my way of making project. literally you are right first we have to make main part then design and other stuff have to apply
    love you advices
    regards pk

  • @ayanonlinee
    @ayanonlinee Před rokem +5

    I was facing the same issue with last few months, and also not able to complete a single project 😢.
    Great video ❤ I will follow this.
    Thank you so much sir❤

  • @codeinProjects3295
    @codeinProjects3295 Před rokem +1

    you just open my eyes from past 3 months I was thing of these question only thank you bhiya

  • @online_sourcecode1613
    @online_sourcecode1613 Před rokem +4

    4:39 really helpful increasing quality alot

  • @abhinavclasses7597
    @abhinavclasses7597 Před rokem +2

    This video is shows the crystal clear scenario of initiating a any project. Very informative..keep it bro...and for e-commerce you shared all initial the basics.

  • @adeelghouri2129
    @adeelghouri2129 Před rokem +2

    Tanay bhaiya, I literally felt as if you were talking to me while listening to me. Recently I was stuck with the same CSS problem you mentioned, got so frustrated that I gave up and did not complete the project. Although I had really good idea in mind for the product. Thank you so much for such genuine advice.

  • @logeshwaran-gg8sb
    @logeshwaran-gg8sb Před rokem +1

    These beginner-friendly videos are awesome.Keep doing these kind of videos which are more helpful

  • @SubhodipN3356
    @SubhodipN3356 Před rokem +2

    Yes sir, we want to know more such ground level golden knowledge, so that we can correct our mistakes.😊

  • @pramodhost
    @pramodhost Před rokem

    I love your approach. No other tutorial follows this approach. Waiting for the video. Thanks in advance.🥰

  • @geek-ri3zq
    @geek-ri3zq Před rokem

    Thanku Sir!! Ur videos give me lot of hope!

  • @nikhilnegi8239
    @nikhilnegi8239 Před rokem +1

    Sir thanks for your suggestion these help me in my project 🙏

  • @codingonly1374
    @codingonly1374 Před rokem +1

    Most informative and most useful❤

  • @sagarrodge6985
    @sagarrodge6985 Před rokem +2

    I was thinking of learning of all things and then start building the project, but after hearing you i think i was at wrong path thank you for making this video and showing the correct way of doing things for beginners. Please make more videos like this
    Thank you.

  • @zishanpathan9966
    @zishanpathan9966 Před rokem +2

    Thank you sir for guiding us I am already made this mistake and am stuck, but as you suggest I will start developing a simple app, and after I will jump to the complex one.

  • @ruchivora1190
    @ruchivora1190 Před rokem

    Truly I am a huge FAN of your simplicity

  • @hustlewithahmed
    @hustlewithahmed Před rokem +2

    Yes please more videos like this

  • @yuvrajs8080
    @yuvrajs8080 Před rokem

    Best 12 min of guidance must for every student .

  • @sumitsirohi7586
    @sumitsirohi7586 Před rokem

    Really helped me to sort out where should I start developing react project 😌

  • @hostnavin3826
    @hostnavin3826 Před rokem

    I was waiting for a video like this. i am sure so many people will want the same. Please make the tutorial as simple as possible. Thanks in advance.

  • @arpitaggarwal135
    @arpitaggarwal135 Před rokem

    You are the best mentor, a beginner could find ❤️❤️❤️❤️

  • @shubhamkumarsingh9677
    @shubhamkumarsingh9677 Před rokem +1

    Yes sir ekdum alag hai
    Because I am a beginner so I feel better ❤❤❤

  • @rudra298
    @rudra298 Před 8 měsíci

    Really true, bahot bahot Dhanyawad ❤

  • @kartikeymittal
    @kartikeymittal Před rokem

    Thank you sir for your guidance.. much needed for me as I'm learning react since last week...

  • @ninadnikam28
    @ninadnikam28 Před rokem

    I am learner in React JS, so now your guidance is helpful for me to how to start with basic project.
    thanks!!

  • @mayursurbhalavi1566
    @mayursurbhalavi1566 Před rokem

    yes yes ,,Aisi jamini haqiqat wali video muze chahiye thi, sir mai 2months se sab ka sab ek saath padke karke ki koshish kr raha tha, lekin ab clearity mil gayi, Thank you Tanay sir

  • @rajtiwari2308
    @rajtiwari2308 Před rokem

    This is the content every youtuber needs to make video on. Please advertise your channel sir, It will definitely grow.

  • @themobigaming
    @themobigaming Před rokem

    kuch time pahle maine 3 projects par kaam shuru kiya tha jisme se complete ek bhi nahi hua hai .. because main designing phase mein hi fass jata hu ... jaise hi aapne css wala line bola ... maine socha arre bhai ne to pain point pakad lia .. Thank you brother .. ye video beginners ko kafi help krega

  • @mohamedghousepasha9623

    Thanks Tanay bhai!

  • @solutiontech7382
    @solutiontech7382 Před rokem +2

    I wish ki apka 1 million ke upar ho jau bhayyya🎉

  • @sufianmustafa3948
    @sufianmustafa3948 Před rokem +1

    Very informative and motivated. I do the same mistake of spending my most of the time in doing CSS

  • @SSDas2024
    @SSDas2024 Před 4 měsíci

    Thank you Tanay bhai for your beginner friendly guidance . Almost my every doubts/problems regarding project are alsolvedin this single video.

  • @avidevjha7771
    @avidevjha7771 Před rokem

    Thank you sir feeling confident

  • @ojas8809
    @ojas8809 Před rokem

    What a beautiful explanation❤❤

  • @sreedharantalupula5155

    Stress relieved 😊 thank you

  • @shyam_55
    @shyam_55 Před rokem +1

    Thank you bhaiya ❤

  • @Selscript
    @Selscript Před 11 měsíci

    Yeah! great! clear video, I just spent 11 min and got clarity as to where to start for my project. Please make videos.

  • @rahmansaif4087
    @rahmansaif4087 Před rokem

    you are one of the best youtuber for advices!

  • @rishijraj6415
    @rishijraj6415 Před rokem

    bhaisaab yehi dekhna .... aap jaise log hone chahiye

  • @user-xb2uv1wr4n
    @user-xb2uv1wr4n Před rokem

    Explaination is next level❤

  • @rachit2982
    @rachit2982 Před rokem

    Thanks for this video. It cleared a lot of my doubts.

  • @naga_jaya_sree
    @naga_jaya_sree Před 11 měsíci

    Thank you for the video, Sir. I watched this video today and tried to use Mirage JS in my project. It worked miraculously without any issues. It saved a lot of time and helped me to focus on the front end only(as you suggested). Thank you so much once again for the valuable suggestions🙏🙏🙏!!!

  • @vlogsdiaries4250
    @vlogsdiaries4250 Před 9 měsíci

    Best video for beginners, you taught very exact points which I needed to know, Thank you.

  • @jagoindia7773
    @jagoindia7773 Před rokem

    Thanks Bhai . Really it was truth and
    Aapke guidence ki bahut zarurat hai hamko

  • @rabingurung6947
    @rabingurung6947 Před rokem

    Thank you Tanya Bhai for the guidelines !

  • @akshayjadhav5150
    @akshayjadhav5150 Před rokem

    ❤❤❤ thank you Tanay bhaiya...

  • @parnavnair4118
    @parnavnair4118 Před 11 měsíci

    Your video actually actually sorted my every query that I was looking for. Very informative video.

  • @surbhisrivastava9536
    @surbhisrivastava9536 Před 8 měsíci

    Super idea sir. Thank you❤

  • @santoshb4661
    @santoshb4661 Před 11 měsíci

    In the world of tutorials he'll some one coming and encouraging our own creativity ... showing how to connect each dots in simple way thanks for this vid. Big thumbs up👍

  • @nirajankarki3219
    @nirajankarki3219 Před rokem

    So genuine ! Totally agree with you !

  • @ejeiwuhegej
    @ejeiwuhegej Před rokem

    I needed this video! Thanks to you

  • @brahmin2908
    @brahmin2908 Před rokem

    bhaiya aap ki video bht motivating and bht clear rhti hn ki project ky hote hn thanks bhaiya.

  • @BhimMahesh-ik9tg
    @BhimMahesh-ik9tg Před rokem

    Yes sir we want more these type of videos that convey a clear smart idea of web dev journey

  • @therightarm
    @therightarm Před rokem

    Right video! Right time!

  • @AnshuSingh-jr1uo
    @AnshuSingh-jr1uo Před rokem +1

    Tanay bhaiya : Devmanush ❤❤
    Making newbie's life easier😌

  • @mirajalimolla1994
    @mirajalimolla1994 Před rokem

    This is video is very awesome my tention is gone. Love you Tanay sir

  • @chandanbhanopa
    @chandanbhanopa Před rokem

    Its nice, you are telling right. I am going to start in the same way. Thank you so much for creating this video.

  • @therowdy3996
    @therowdy3996 Před rokem +2

    Please Bring Such Beginner Friendly Videos... Humble Request❤

  • @aatiqaghazali7850
    @aatiqaghazali7850 Před rokem

    Bht bhariyah .... need more videos like this..yeh baten koi nhi btaata

  • @gouravkumar-or6jy
    @gouravkumar-or6jy Před 8 měsíci

    Love you bro, thanks for advice 🙏

  • @as_if
    @as_if Před 6 měsíci

    I agree with you so many times. This is one of those times.

  • @surtinishi
    @surtinishi Před 11 měsíci

    Thank you Tanay Sir Much needed suggestion. Going back to my basics.

  • @Touchmytech02
    @Touchmytech02 Před rokem

    Great video with knowledge and with great mentor for new generation developers ❤❤❤❤

  • @sameermansuri2414
    @sameermansuri2414 Před rokem

    Excellent video, need more like that

  • @ameykurdikar8857
    @ameykurdikar8857 Před rokem

    Best piece of knowledge found online

  • @ReactWala
    @ReactWala Před rokem

    Yeh video boht zabardast tha Tanay Bhaiyaa

  • @rameezbloch7908
    @rameezbloch7908 Před rokem

    kya bat he bhai aap na sab sahi bol diya ajkal sab sikhane beth gaye he unke khud ke topic clear nahi hote . . . kuch chize direct type kardete he kese kam karta he vo nahi sikhate fir mere jese bande jo new he sikhne aya he vo down hoke chala jata he

  • @elhaambasheerch7058
    @elhaambasheerch7058 Před rokem

    Truly a beginner's guide!

  • @sdev8921
    @sdev8921 Před rokem

    Perfect guidance

  • @anubhavmishra9867
    @anubhavmishra9867 Před 5 měsíci

    it is really helpful for beginners and does show the real roadmap for making projects

  • @premtolani4688
    @premtolani4688 Před rokem

    definitely wanted more videos like this

  • @ankushladani496
    @ankushladani496 Před rokem

    Dhanyawad guruji 🙏

  • @jeet-smokey
    @jeet-smokey Před rokem

    Very well explained...!!!! Kudos to the efforts.

  • @shoyebshoyeb8816
    @shoyebshoyeb8816 Před rokem +1

    Projects helps. I made a ott full stack application in vue js and node js. After 7 days I landed my first job from linkedin. Because i shared the video of the project in linkedin

  • @user-ep7vt8so3c
    @user-ep7vt8so3c Před rokem

    Thank you so much bhai jan.. Ap ki videos professional knowledge based hoti hen jin ko daikh k lagta ha k ha bhai aisay kam hota ha.. Ye bhai sai sy sikha rahay hen hamen k kaisy kam karna ha.
    Thanks again bhai jan

  • @nextleveltech267
    @nextleveltech267 Před 3 měsíci

    Thank you bhaiyya...❤️❤️

  • @RaishAhmad.
    @RaishAhmad. Před rokem

    Thanku tanay bhaiya ❤

  • @ketansisodiya1018
    @ketansisodiya1018 Před 5 měsíci

    Thankyou Tanay sir❤, for clearly guiding us on how to approach frontend project.

  • @shanikhanani1059
    @shanikhanani1059 Před rokem

    Love you Tannay bhaiyaa❤❤

  • @prakharsaxena7509
    @prakharsaxena7509 Před rokem

    Love you tanay bhaiya ❤❤

  • @urashwinkumar
    @urashwinkumar Před rokem

    👌👌
    आप सब्जेक्ट्स बहुत ही easy और अच्छे तरीके से समझाते हैं sir ji ।
    🙏🙏🙏

  • @shubhamkumar-ht9nz
    @shubhamkumar-ht9nz Před 11 měsíci

    Thanks for understanding the real problem of beginners ..keep making such informative videos sir .....books Dene Wale bhut h but guide or padhane wala koi nahi..

  • @Daniyalkhan-lf4oz
    @Daniyalkhan-lf4oz Před 11 měsíci

    Thank you to build my confidence 🎉❤

  • @kaushalkishore5076
    @kaushalkishore5076 Před rokem

    Very helpful Bhaiya, ye aapke jamini haqikat wali videos, loved it ❤...

  • @YogeshKumarDev
    @YogeshKumarDev Před rokem

    These types of videos are very helpful sir!

  • @samirshrestha5252
    @samirshrestha5252 Před rokem +1

    yes sir yes, we want more videos like this. And please make video on basics of react making product list page as you said.

  • @abhinavkumar3411
    @abhinavkumar3411 Před rokem

    It was a great video sir. Thank u and please keep making them😄

  • @GrouponGaming
    @GrouponGaming Před rokem

    Thank You so much for this roadmap ✊⚡

  • @abdullahsoomro6238
    @abdullahsoomro6238 Před rokem +1

    very nice explanation. best video of yours's.

  • @BohemianOnTheRoad
    @BohemianOnTheRoad Před 10 měsíci

    thanks you brother , this is my life changing video, thank you again

  • @shweta6117
    @shweta6117 Před 11 měsíci

    thank you tanay bhaiya mene abhi react start kiya or me css me aake ruk jati thi thanks a lot❤❤❤❤❤❤

  • @satishsahu7601
    @satishsahu7601 Před rokem

    Thankyou sir for this video and we want more videos like this

  • @kumarsourav2280
    @kumarsourav2280 Před rokem +1

    thank you sir......i will have to say you have a way with words