🔴 Live: Build SWIGGY Clone with React JS & TAILWIND CSS | Beginner Web Development Project

Sdílet
Vložit
  • čas přidán 22. 03. 2024
  • Live: Build SWIGGY Clone with React JS & TAILWIND CSS | Beginner Web Development Project
    🔴 To learn Mern Stack Development online with regular LIVE CLASSES, enroll now: www.wscubetech.com/landing-pa...
    👉 Swiggy Clone API Data: drive.google.com/drive/folder...
    WsCube Tech is a Vernacular Upskilling platform revolutionizing the way you learn and develop your career skills.🚀
    WsCube Tech stands out as a leading EdTech platform, offering comprehensive education in Full Stack Web Development, WordPress, and various Web Development skills. Our approach involves both online and classroom training, featuring hands-on projects delivered practically by seasoned industry experts.
    With WsCube Tech, you'll gain hands-on skills that make you globally competitive. Our courses are designed to prepare over 100 million career aspirants for the 'Bharat' of the future. 😊
    👉 Want to learn and acquire skills in English? Visit WsCube Tech English channel: bit.ly/2M3oYOs
    📌 𝗩𝗼𝘁𝗲 𝗳𝗼𝗿 𝗼𝘂𝗿 𝗻𝗲𝘅𝘁 𝘃𝗶𝗱𝗲𝗼: bit.ly/share-topic-ideas
    Watch Now our Trending Web Development Playlist & Videos:
    👉 Learn Web Development in One Video - • Web Development Full C...
    👉 WordPress Full Course - • WordPress Full Course ...
    👉 Complete HTML & CSS Course (Beginners to Advanced)
    • Front End Development ...
    👉 JavaScript Full Course [FREE]
    • JavaScript Tutorial fo...
    For any queries, call us on: +91-7878985501
    ✅ CONNECT WITH THE FOUNDER (Mr. Kushagra Bhatia) -
    👉 Instagram - / kushagrabhatiaofficial
    👉 LinkedIn - / kushagra-bhatia
    👉 Facebook - / kushagrawscubetech
    Connect with WsCube Tech on social media for the latest offers, promos, job vacancies, and much more:
    😄 Facebook: / wscubetech.india
    🐦 Twitter: / wscubetechindia
    📱 Instagram: / wscubetechindia
    👨🏻‍💻 LinkedIn: / wscubetechindia
    🔺 CZcams: bit.ly/wscubechannel
    🌐 Website: wscubetech.com
    -------------------------------------| Thanks |--------------------------
    #webdevelopment #webdevelopmentprojects #swiggyclone

Komentáře • 90

  • @wscubetech
    @wscubetech  Před 3 měsíci +2

    🔴 To learn Mern Stack Development online with regular LIVE CLASSES, enroll now: www.wscubetech.com/landing-pages/online-mern-stack-developer-course-india.html?CZcams&March2024_21&Swiggy_Clone
    👉 Swiggy Clone API Data: drive.google.com/drive/folders/1ssW94GxkpOLHNeVWfD_7en3DUCJV4fX2?usp=sharing

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

      Sir Api ko kese use kre apne project m same swiggy clone Banya h sirf api use nhi kr pa rha hu please help me

  • @rahulsaini4072
    @rahulsaini4072 Před 3 měsíci +12

    I am a proud offline student of WsCube Tech, Jaipur, where a conducive learning environment thrives and distinguished educators like Bhagirath Sir impart their invaluable knowledge. If you aspire to become a proficient MERN developer, I highly recommend attending at least a demo class. I am confident that you will never regret choosing WsCube Tech for your learning journey.

  • @Govind_rana500
    @Govind_rana500 Před 3 měsíci +5

    Ram Ram sir , You are really good teacher , i tried many videos but your video pop up in my Google suggestions ❤

  • @learnwithvivek1154
    @learnwithvivek1154 Před 3 měsíci +3

    Really sir very nice explanation
    Ek bhi important word nahi chhodte hai aap
    Bahut hi shandar sir 🎉🎉🎉

  • @vijendrasharma1375
    @vijendrasharma1375 Před 3 měsíci +2

    Thank you so much sir for this awesome project ❤😊👍🏻

  • @vijendrasharma1375
    @vijendrasharma1375 Před 3 měsíci +1

    You teach very well sir ♥️😊
    And thanks for it

  • @lograjanand
    @lograjanand Před 3 měsíci +2

    For( int I=0; i

  • @navinmistri8672
    @navinmistri8672 Před měsícem +1

    Thanku sir awesome project 👍 ek or project react.js or tailwind ka please sir

  • @erfaizankakpori
    @erfaizankakpori Před 3 měsíci +2

    Thanks sir for this knowledge full video but please provide API so that we can build the same UI

  • @MRROBOT-fc5ny
    @MRROBOT-fc5ny Před 3 měsíci +2

    node js category ki API?

  • @himanshuvaishnav599
    @himanshuvaishnav599 Před 2 měsíci +1

    Yes

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

    Proud for this man 💪💪💪

  • @navinmistri8672
    @navinmistri8672 Před měsícem

    Thanku sir awesome project ek or project react.js or tailwind ka please sir👍

  • @shivaniverma2317
    @shivaniverma2317 Před 24 dny

    sir sidebar ko black-overlay se bahr rkhnenge to wo sidebar pr click pe work ni hoga kyu ki sidebar black-overlay ka child h or onClick black-overlay pr lga hua h isiliye sidebar pr click hone pr onClick function run ho rha h.

  • @HarshSingh-kr2ci
    @HarshSingh-kr2ci Před 2 měsíci +1

    1:20:51] Summary: Building SWIGGY Clone Using React JS & TAILWIND CSS
    [1:25:34] Understanding element shifting in React JS
    [1:28:04] Creating functions to transition slides
    [1:32:42] Creating logic for the slider in React JS
    [1:34:47] Discussing calculations and modifications for the project
    [1:39:54] Building SWIGGY Clone with React JS & TAILWIND CSS
    [1:42:22] Setting data to API and building UI with props.
    [1:46:51] Creating a rounded image with overlay and gradient background
    [1:49:13] Styling div elements using CSS
    [1:54:03] Creating dynamic content with props in React JS
    [1:56:31] Creating custom star component in React JS
    [2:01:50] Understand props, state, components, and implementation in creating a Swiggy clone with React JS & TailwindCSS.
    [2:04:13] Building a restaurant delivery application using React JS and Tailwind CSS.
    [2:08:59] Fundamentals of React and benefits of using CSS
    [2:11:12] Demonstration of creating filters and layout using nested divs in React JS.
    [2:16:17] Building SWIGGY Clone with React JS & TAILWIND CSS
    [2:18:18] The wonder of React and Tailwind CSS in creating components and managing state and props.
    [2:22:50] Setting up grid columns with React JS and Tailwind CSS.
    [2:25:04] Learn to clone SWIGGY with React JS & TAILWIND CSS.
    [2:29:42] Explanation of full stack development
    [2:32:17] Interactive demo classes available offline and onlin

  • @ashwinimendra6655
    @ashwinimendra6655 Před 7 dny

    i was not set toogle part plz reply why not set set

  • @niharikamishra218
    @niharikamishra218 Před měsícem

    Sir when I'm creating the react app in the terminal its showing, it cannot create

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

    Please sir isme Jo API use kiye ho dedo sir 🥲🥲 bahut mast samjhaye ho sir thank you so much ❤

  • @rezwanulhaque9935
    @rezwanulhaque9935 Před 3 měsíci +1

    great. pls give us source code and deploy link

  • @poltudey08
    @poltudey08 Před 3 měsíci +1

    1:04:29 Node JS API live class next Saturday

  • @imtiyazsaicha4123
    @imtiyazsaicha4123 Před 10 dny

    Sir kisi Android app ko reprogramming karna hai to kese karenge

  • @DheerajSingh-is3zs
    @DheerajSingh-is3zs Před 11 dny

    Sir please make full dynamic project

  • @devilkhan5799
    @devilkhan5799 Před měsícem

    Api folder run kaise kar localhost pr

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

    I meet to you sir on 2nd April in a computer Shop but I did not recognize you. I had taken your class fromCZcams for some time but then dropped it. I talk to you on there but i not recognize you and also you ask me for Frontend Teacher .your nature is so good, I like it.
    Can You Sir please Tell me how can i connect you ??

  • @user-il1sn6qn8x
    @user-il1sn6qn8x Před 3 měsíci +1

    video on Nodejs API

  • @rampalbhati8575
    @rampalbhati8575 Před 12 dny

    Sir 3D Animation Course par bhi ek video banao na

  • @Udit_singh
    @Udit_singh Před měsícem +1

    Sir API ke folder ko download karke kaise run karwani hai (localhost pr) wo tau batao? readme file bhi empty hai!

    • @Sudhirkumar-sk8up
      @Sudhirkumar-sk8up Před 16 dny

      wahan se data copy karo bhai. node server banana padega localhost par run karne ke liye.

  • @pushkrajdeshmukh111
    @pushkrajdeshmukh111 Před 3 měsíci +3

    Instagram clone with all logical please make video.
    1 vote = 1 like

  • @hellobrother2879
    @hellobrother2879 Před 28 dny

    Sir simple slider bnane mein itni koi dikkat nhi aati main problem responsive slider bnane mein aati hai uspe koi tutorial bnaiye pls with react🙏🙏

  • @crickettalkss
    @crickettalkss Před 20 hodinami

    Anyone has categories live api link

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

    Please provide source code also

  • @vijendrasharma1375
    @vijendrasharma1375 Před 3 měsíci +2

    Node js api

  • @anmolsinghrajput2743
    @anmolsinghrajput2743 Před 2 měsíci

  • @prem_ium
    @prem_ium Před 3 měsíci +1

    how to use the given api please help!!!!!!!!

    • @ataurblog
      @ataurblog Před 3 měsíci +1

      Agar apko pata chale to hmko bhi bata dena please

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

    Give git hub code also

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

    Sir api😊

  • @venkatayamini7736
    @venkatayamini7736 Před 2 měsíci

    Node js api next class pls

  • @facths48
    @facths48 Před 2 měsíci

    Api is not working

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

    API upload kardo sir...

  • @hackstuffwasim9161
    @hackstuffwasim9161 Před 3 měsíci +1

    Please give api sir

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

    sir front end ko server per kese deploy kare

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

      react terminal p likho "npm start" orr phir browser p "localhost:3000" chl jayega

  • @codePracticeId
    @codePracticeId Před 3 měsíci +1

    Node JS API

  • @BharatMarts
    @BharatMarts Před 3 měsíci +1

    API.......?🎉

  • @haricharan6713
    @haricharan6713 Před 3 měsíci +1

    API uploade kro sir please 🙏 😢

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

    i am the first

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

    1:18:40
    Api

  • @AmitSharma-nr1wi
    @AmitSharma-nr1wi Před 3 měsíci +1

    Nodejsapi

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

    nodejs api

  • @rajansharma509
    @rajansharma509 Před 3 měsíci +1

    Node js api live classs sir , 1:02

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

    Create react app has been deprecated and no longer recommended

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

    Api

  • @sonuuma1555
    @sonuuma1555 Před 3 měsíci +2

    Node js api
    Node js api
    Node js api
    Node js api
    Node js api
    Node js api
    Node js api
    Node js api
    Node js api
    Node js api

  • @MRROBOT-fc5ny
    @MRROBOT-fc5ny Před 3 měsíci

    NODE JS API

  • @haricharan6713
    @haricharan6713 Před 3 měsíci +1

    Please sir api send 🙏 😢

  • @harshdevadkar
    @harshdevadkar Před měsícem

  • @venkatayamini7736
    @venkatayamini7736 Před 2 měsíci

    Nodejs api

  • @AmitSharma-nr1wi
    @AmitSharma-nr1wi Před 3 měsíci

    Nodejsapi NodejsapiNodejsapiNodejsapi
    Nodejsapi
    Nodejsapi
    Nodejsapi

  • @poltudey08
    @poltudey08 Před 3 měsíci +1

    1:04:29 Node JS API live class next Saturday

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

    Please provide source code also

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

    Node js api

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

    Node JS API

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

    nodejs api

  • @MRROBOT-fc5ny
    @MRROBOT-fc5ny Před 3 měsíci

    NODE JS API

  • @venkatayamini7736
    @venkatayamini7736 Před 2 měsíci

    Nodejs api

  • @AmitSharma-nr1wi
    @AmitSharma-nr1wi Před 3 měsíci

    Nodejsapi

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

    1:04:29 Node JS API live class next Saturday

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

    1:04:39 Node JS API live class next Saturday

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

    Node js api

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

    Node js api

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

    Node JS API

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

    Node JS API

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

    Node JS API

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

    Node JS API

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

    Node JS API

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

    Node JS API

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

    Node JS API

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

    Node JS API

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

    nodejs api

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

    nodejs api

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

    nodejs api

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

    nodejs api

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

    nodejs api

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

    nodejs api

  • @MRROBOT-fc5ny
    @MRROBOT-fc5ny Před 3 měsíci

    NODE JS API