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

Поделиться
HTML-код
  • Опубликовано: 22 мар 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
    🔺 RUclips: bit.ly/wscubechannel
    🌐 Website: wscubetech.com
    -------------------------------------| Thanks |--------------------------
    #webdevelopment #webdevelopmentprojects #swiggyclone

Комментарии • 90

  • @wscubetech
    @wscubetech  3 месяца назад +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?RUclips&March2024_21&Swiggy_Clone
    👉 Swiggy Clone API Data: drive.google.com/drive/folders/1ssW94GxkpOLHNeVWfD_7en3DUCJV4fX2?usp=sharing

    • @ataurblog
      @ataurblog 3 месяца назад

      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 3 месяца назад +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 3 месяца назад +5

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

  • @learnwithvivek1154
    @learnwithvivek1154 3 месяца назад +3

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

  • @HarshSingh-kr2ci
    @HarshSingh-kr2ci 2 месяца назад +2

    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

  • @vijendrasharma1375
    @vijendrasharma1375 3 месяца назад +2

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

  • @lograjanand
    @lograjanand 3 месяца назад +2

    For( int I=0; i

  • @vijendrasharma1375
    @vijendrasharma1375 3 месяца назад +1

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

  • @Supercaredit834
    @Supercaredit834 3 месяца назад

    Proud for this man 💪💪💪

  • @erfaizankakpori
    @erfaizankakpori 3 месяца назад +2

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

  • @navinmistri8672
    @navinmistri8672 Месяц назад +1

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

  • @himanshuvaishnav599
    @himanshuvaishnav599 2 месяца назад +1

    Yes

  • @navinmistri8672
    @navinmistri8672 Месяц назад

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

  • @poltudey08
    @poltudey08 3 месяца назад +1

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

  • @amityadav50up
    @amityadav50up 3 месяца назад

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

  • @user-il1sn6qn8x
    @user-il1sn6qn8x 3 месяца назад +1

    video on Nodejs API

  • @akki9302
    @akki9302 3 месяца назад

    I meet to you sir on 2nd April in a computer Shop but I did not recognize you. I had taken your class fromRUclips 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 ??

  • @rezwanulhaque9935
    @rezwanulhaque9935 3 месяца назад +1

    great. pls give us source code and deploy link

  • @MRROBOT-fc5ny
    @MRROBOT-fc5ny 3 месяца назад +2

    node js category ki API?

  • @DheerajSingh-is3zs
    @DheerajSingh-is3zs 13 дней назад

    Sir please make full dynamic project

  • @rampalbhati8575
    @rampalbhati8575 13 дней назад

    Sir 3D Animation Course par bhi ek video banao na

  • @shivaniverma2317
    @shivaniverma2317 26 дней назад

    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.

  • @pushkrajdeshmukh111
    @pushkrajdeshmukh111 3 месяца назад +3

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

  • @niharikamishra218
    @niharikamishra218 Месяц назад

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

  • @ashwinimendra6655
    @ashwinimendra6655 9 дней назад

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

  • @hackstuffwasim9161
    @hackstuffwasim9161 3 месяца назад +1

    Please give api sir

  • @luv2611
    @luv2611 3 месяца назад

    Give git hub code also

  • @venkatayamini7736
    @venkatayamini7736 2 месяца назад

    Node js api next class pls

  • @vijendrasharma1375
    @vijendrasharma1375 3 месяца назад +2

    Node js api

  • @kushalraj8817
    @kushalraj8817 3 месяца назад

    Please provide source code also

  • @hellobrother2879
    @hellobrother2879 Месяц назад

    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🙏🙏

  • @shivanshsingh5760
    @shivanshsingh5760 3 месяца назад

    Sir api😊

  • @BharatMarts
    @BharatMarts 3 месяца назад +1

    API.......?🎉

  • @Vaibhav__75
    @Vaibhav__75 3 месяца назад

    API upload kardo sir...

  • @imtiyazsaicha4123
    @imtiyazsaicha4123 11 дней назад

    Sir kisi Android app ko reprogramming karna hai to kese karenge

  • @devilkhan5799
    @devilkhan5799 Месяц назад

    Api folder run kaise kar localhost pr

  • @Udit_singh
    @Udit_singh Месяц назад +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 18 дней назад

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

  • @codePracticeId
    @codePracticeId 3 месяца назад +1

    Node JS API

  • @anmolsinghrajput2743
    @anmolsinghrajput2743 2 месяца назад

  • @haricharan6713
    @haricharan6713 3 месяца назад +1

    API uploade kro sir please 🙏 😢

  • @crickettalkss
    @crickettalkss 2 дня назад

    Anyone has categories live api link

  • @navratanyadav5378
    @navratanyadav5378 3 месяца назад

    1:18:40
    Api

  • @hemantkvlog6692
    @hemantkvlog6692 3 месяца назад

    sir front end ko server per kese deploy kare

    • @anordinaryguy207
      @anordinaryguy207 3 месяца назад

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

  • @prem_ium
    @prem_ium 3 месяца назад +1

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

    • @ataurblog
      @ataurblog 3 месяца назад +1

      Agar apko pata chale to hmko bhi bata dena please

  • @rajansharma509
    @rajansharma509 3 месяца назад +1

    Node js api live classs sir , 1:02

  • @mubeenkhanafridi3087
    @mubeenkhanafridi3087 3 месяца назад

    nodejs api

  • @sonuuma1555
    @sonuuma1555 3 месяца назад +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

  • @office394
    @office394 3 месяца назад

    i am the first

  • @vijendrasharma1375
    @vijendrasharma1375 3 месяца назад

    Api

  • @facths48
    @facths48 2 месяца назад

    Api is not working

  • @MRROBOT-fc5ny
    @MRROBOT-fc5ny 3 месяца назад

    NODE JS API

  • @harshdevadkar
    @harshdevadkar Месяц назад

  • @AmitSharma-nr1wi
    @AmitSharma-nr1wi 3 месяца назад +1

    Nodejsapi

  • @dhill0n1230
    @dhill0n1230 3 месяца назад

    Create react app has been deprecated and no longer recommended

  • @haricharan6713
    @haricharan6713 3 месяца назад +1

    Please sir api send 🙏 😢

  • @venkatayamini7736
    @venkatayamini7736 2 месяца назад

    Nodejs api

  • @AmitSharma-nr1wi
    @AmitSharma-nr1wi 3 месяца назад

    Nodejsapi NodejsapiNodejsapiNodejsapi
    Nodejsapi
    Nodejsapi
    Nodejsapi

  • @poltudey08
    @poltudey08 3 месяца назад +1

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

  • @kushalraj8817
    @kushalraj8817 3 месяца назад

    Please provide source code also

  • @vijendrasharma1375
    @vijendrasharma1375 3 месяца назад

    Node js api

  • @codePracticeId
    @codePracticeId 3 месяца назад

    Node JS API

  • @mubeenkhanafridi3087
    @mubeenkhanafridi3087 3 месяца назад

    nodejs api

  • @MRROBOT-fc5ny
    @MRROBOT-fc5ny 3 месяца назад

    NODE JS API

  • @venkatayamini7736
    @venkatayamini7736 2 месяца назад

    Nodejs api

  • @AmitSharma-nr1wi
    @AmitSharma-nr1wi 3 месяца назад

    Nodejsapi

  • @poltudey08
    @poltudey08 3 месяца назад

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

  • @poltudey08
    @poltudey08 3 месяца назад

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

  • @vijendrasharma1375
    @vijendrasharma1375 3 месяца назад

    Node js api

  • @vijendrasharma1375
    @vijendrasharma1375 3 месяца назад

    Node js api

  • @codePracticeId
    @codePracticeId 3 месяца назад

    Node JS API

  • @codePracticeId
    @codePracticeId 3 месяца назад

    Node JS API

  • @codePracticeId
    @codePracticeId 3 месяца назад

    Node JS API

  • @codePracticeId
    @codePracticeId 3 месяца назад

    Node JS API

  • @codePracticeId
    @codePracticeId 3 месяца назад

    Node JS API

  • @codePracticeId
    @codePracticeId 3 месяца назад

    Node JS API

  • @codePracticeId
    @codePracticeId 3 месяца назад

    Node JS API

  • @codePracticeId
    @codePracticeId 3 месяца назад

    Node JS API

  • @mubeenkhanafridi3087
    @mubeenkhanafridi3087 3 месяца назад

    nodejs api

  • @mubeenkhanafridi3087
    @mubeenkhanafridi3087 3 месяца назад

    nodejs api

  • @mubeenkhanafridi3087
    @mubeenkhanafridi3087 3 месяца назад

    nodejs api

  • @mubeenkhanafridi3087
    @mubeenkhanafridi3087 3 месяца назад

    nodejs api

  • @mubeenkhanafridi3087
    @mubeenkhanafridi3087 3 месяца назад

    nodejs api

  • @mubeenkhanafridi3087
    @mubeenkhanafridi3087 3 месяца назад

    nodejs api

  • @MRROBOT-fc5ny
    @MRROBOT-fc5ny 3 месяца назад

    NODE JS API