🔴 Live: Build SWIGGY Clone with React JS & TAILWIND CSS | Beginner Web Development Project
ฝัง
- เผยแพร่เมื่อ 2 ต.ค. 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...
👉 Swiggy Clone API Data: drive.google.c...
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-t...
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
🔺 TH-cam: bit.ly/wscubech...
🌐 Website: wscubetech.com
-------------------------------------| Thanks |--------------------------
#webdevelopment #webdevelopmentprojects #swiggyclone
🔴 To learn Mern Stack Development online with regular LIVE CLASSES, enroll now: www.wscubetech.com/landing-pages/online-mern-stack-developer-course-india.html?TH-cam&March2024_21&Swiggy_Clone
👉 Swiggy Clone API Data: drive.google.com/drive/folders/1ssW94GxkpOLHNeVWfD_7en3DUCJV4fX2?usp=sharing
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
@@ataurblog Hey did you get the solution?
Really sir very nice explanation
Ek bhi important word nahi chhodte hai aap
Bahut hi shandar sir 🎉🎉🎉
Sir ap boht acha parhaty hn dil say parhaty hn boht kuch seekha hai ap say ....❤❤❤❤❤❤❤
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.
hi is the project responsive
API uploade kro sir please 🙏 😢
Instagram clone with all logical please make video.
1 vote = 1 like
Ram Ram sir , You are really good teacher , i tried many videos but your video pop up in my Google suggestions ❤
For( int I=0; i
Thanku sir awesome project ek or project react.js or tailwind ka please sir👍
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
I hope this will help
Thanks sir for this knowledge full video but please provide API so that we can build the same UI
node js category ki API?
I am a react developer, saw your course and i found it is the best beginner friendly video that I have ever seen. One request is that please put some time line that will be easier for us to navigate. 20:07 20:07
sir your api is not working at all and destroyed the whole porject
Explanation is very good but api's not provided
1:04:29 Node JS API live class next Saturday
api sir send karda plese taka project partice easly karska
is database connected?....please reply
Thank you so much sir for this awesome project ❤😊👍🏻
sir apki api run nahi kar rahi hai how to resolve it
Sir How I can join Offline class
Thanku sir awesome project 👍 ek or project react.js or tailwind ka please sir
1:04:29 Node JS API live class next Saturday
sir yai api to worl ni kr rahe hai yai shif local system me work krte hai sub system me nahi
1:04:29 Node JS API live class next Saturday
Node js api live classs sir , 1:02
Failed to compile.
Module not found: Error: Can't resolve './logo.svg' in 'C:\Users\ADMIN\OneDrive\Desktop\swiggy-clone\src'
ERROR in ./src/App.jsx 4:0-30
Module not found: Error: Can't resolve './logo.svg' in 'C:\Users\ADMIN\OneDrive\Desktop\swiggy-clone\src'
ERROR in ./src/App.jsx 5:0-19
Module not found: Error: Can't resolve './App.css' in 'C:\Users\ADMIN\OneDrive\Desktop\swiggy-clone\src'
ERROR in ./src/index.js 8:0-48
Module not found: Error: Can't resolve './reportWebVitals' in 'C:\Users\ADMIN\OneDrive\Desktop\swiggy-clone\src'
webpack compiled with 3 errors
Api folder run kaise kar localhost pr
What about responsivness
Node js api
Please sir api send 🙏 😢
sir maine aapki video se dekh k bnana start krdiya tha lekin ab api wale part per aake bilkul pause hogyi hu.....ab mai kya kru
go to swiggy website home page then make sure u have selected your location then open inspect and navigate to networks then there is fetch/url select it then reload your page. You'll get the desired api link
Sir API ke folder ko download karke kaise run karwani hai (localhost pr) wo tau batao? readme file bhi empty hai!
wahan se data copy karo bhai. node server banana padega localhost par run karne ke liye.
Kaisa bananna hai woh@@Sudhirkumar-sk8up
great. pls give us source code and deploy link
Nodejsapi
sir api live kar do
please
Sir api to provide karo
How to run code from fetching api?
in flex not showing anything in category.jsx
Sir can you please give url of api because in the given link below it shows raw code (json) data how can we use it when we want fetch through url
got to swiggy website then goto inspect then click on networks and inside n/w there is fetch/url and then reload the page you'll get the API link inside n/ws
@@ateshmishra9645 okay I'll try
Sir sidebar open ho raha.. Per category component ka card image uper aa raha.. Kya kare plz help
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.
You teach very well sir ♥️😊
And thanks for it
Api is not working
Node js api
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
ye koi ai use kiya ki khud se likaha
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🙏🙏
I meet to you sir on 2nd April in a computer Shop but I did not recognize you. I had taken your class fromTH-cam 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 ??
Node JS API
Sir aap ne top restaurant ke slider arrow ko functionality nhi kiye
Please give api sir
i was not set toogle part plz reply why not set set
node js
yes
Use Effect for handling side effects api call and sitting timers sir
API.......?🎉
aap youtube clone nahi kiya bhai
video on Nodejs API
1:04:39 Node JS API live class next Saturday
Sir kisi Android app ko reprogramming karna hai to kese karenge
how to open these APIs on terminal in mac??
Please sir isme Jo API use kiye ho dedo sir 🥲🥲 bahut mast samjhaye ho sir thank you so much ❤
Create react app has been deprecated and no longer recommended
Sir please make full dynamic project
Node JS Api integration
Sir 3D Animation Course par bhi ek video banao na
Anyone has categories live api link
bro you code pretty well nice tutorial learned a lot
Yes
Sir please create a course on node js
API upload kardo sir...
nodejs api
nodejs api
nodejs api
nodejs api
nodejs api
nodejs api
Please provide source code also
how to use the given api please help!!!!!!!!
Agar apko pata chale to hmko bhi bata dena please
Give git hub code also
nodejs api
Node js api next class pls
Nodejsapi NodejsapiNodejsapiNodejsapi
Nodejsapi
Nodejsapi
Nodejsapi
Node JS API
Node JS API
Node JS API
Node JS API
Node JS API
Node JS API
Node JS API
Node JS API
Nodejs api
node api
Please provide source code also
NODE JS API
NODE JS API
Node JS API
Nodejs api
NODE JS API
Node js api