Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Build a Swiggy Clone and Restaurant cards with React | Project 20 Part 2 | @thecodethread
Play lesson

FULL STACK WEB DEVELOPMENT COURSE BY USING MERN - Build a Swiggy Clone and Restaurant cards with React | Project 20 Part 2 | @thecodethread

5.0 (3)
23 learners

What you'll learn

This course includes

  • 270 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

🔗 instagram : https://www.instagram.com/thecodethread api : https://docs.google.com/document/d/1XXLQkJd_IzgCpt5paBY8NPxwYBqiPoxnduRsQ7CVz7I/edit 💬 Discord link: https://discord.gg/brVThD7b2q 👨‍💻 code : https://github.com/nishantsaini2331/Full-stack-web-development-course 🔗 Course Playlist: https://www.youtube.com/playlist?list=PLLUjkbOx5di5y1nGhbivWj0OLPU7u-3qA Equipment I use: Main Monitor: https://amzn.to/467J5Ey Mic 1: https://amzn.to/4eLEgD9 Mic 2: https://amzn.to/46B7gva Tripod of Choice: https://amzn.to/44qg8SY Pen Tablet: https://amzn.to/3Io58Nm SSD: https://amzn.to/4nZElay Video Description: Welcome to Part 2 of Project 20 in our Full Stack Development course! In this video, we continue our journey to build a Swiggy clone using React. We will focus on enhancing the home page and implementing navigation functionalities. Add more sections to the home page, including banners and promotional content. Implement responsive design principles to ensure the home page looks great on all devices. Improve the header component with additional navigation links. Use React Router to set up navigation between different pages of the application. Create a category listing section to display different food categories. Build reusable components for various sections of the home page. Apply advanced Tailwind CSS classes for a modern and consistent design. Add interactive elements such as hover effects and animations. By the end of this video, you will have a fully functional and visually appealing home page for your Swiggy clone. You will also have set up navigation links to smoothly transition between different sections of the application. Stay tuned for the next parts where we will continue to build and enhance our application with more features and functionality. 👉 Ready to dive into Swiggy Project in React? Join us in this comprehensive lecture tutorial and embark on your journey to mastering full-stack development with React. react 19 react 19 features use hook use effect react new features react code how to install react react 18 update react projects complete react project playlist free react course React course React playlist React in 30 days React hooks How to use react How to run react How to earn money with react How to learn react Tags : #project 20 #swiggyclone #reactproject #react ##projectbasedlearning #thecodethread

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

FAQs

Course Hive
Download CourseHive
Keep learning anywhere