Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
6 Hour(s) 44 Minute(s)
Language
English
Taught by
Rahul Sahay
Rating
1 views
Course Overview
Learn to build a fast, scalable food delivery app using React 18, Parcel, and modern best practices!
100+ Videos | 7+ Hours | Hands-on Project | Fast-Paced Learning
Looking to master React 18 and build real-world applications? This crash course takes you through building a complete food delivery app from scratch, mimicking Swiggy’s functionality using the latest tools and best practices.
What You’ll Learn:
React 18 Fundamentals & Advanced Concepts – Hooks, Context API, Lazy Loading, Error Boundaries
Parcel Bundler – Super-fast builds, Hot Module Replacement (HMR), Code Splitting, Tree Shaking
Routing & Navigation – Implementing React Router for a seamless user experience
State Management – Efficient data handling using Context API and useReducer
API Integration – Fetch live restaurant data dynamically
Shimmer UI & Skeleton Loading – Enhance UX with smooth preloading effects
Custom Hooks & Performance Optimization – Write cleaner, reusable, and efficient code
Authentication & Authorization – Implement user login and security best practices
Whether you're an intern, junior developer, senior developer, tech lead, architect, or senior architect, this course offers a tailored path to elevate your expertise. You'll engage in hands-on projects, reinforce your learning with quizzes, and stay updated with yearly content refreshes.
Why Take This Course?
Crash Course Format – Straight to the point, no fluff, practical coding
Project-Based Learning – Work on a real-world food delivery app
Industry-Relevant Skills – Learn how modern web apps are built and deployed
Who Should Enroll?
- Interns: Build a solid foundation for a tech career by applying academic knowledge to real-world projects.
- Junior Developers: Upgrade your skill set with advanced full-stack e-commerce development practices.
- Senior Developers: Lead the way in e-commerce application development.
- Tech Leads: Direct cutting-edge projects with confidence, leveraging Web Technology using React.
- Architects: Incorporate insights into your design strategies for innovative, scalable e-commerce solutions.
- Senior Architects: Pioneer the integration of robust architecture, leading high-impact projects with expertise.
By the end of this course, you’ll have a fully functional Swiggy-style food delivery app and the confidence to build scalable React applications!
Join now and start building your next big project!
Course Content
- 10 section(s)
- 103 lecture(s)
- Section 1 Introduction
- Section 2 2. Getting Started
- Section 3 Creating Application Design
- Section 4 Fetching Data From API
- Section 5 Routing
- Section 6 Creating the Menu Section
- Section 7 Creating Custom Hooks
- Section 8 Creating Redux Store
- Section 9 Improving the UX
- Section 10 Implementing Checkout
What You’ll Learn
- Master React 18 – Understand the latest features, hooks, and best practices.
- Build a Swiggy-Style Food App – Develop a real-world food delivery platform from scratch.
- Optimize Performance – Learn React optimizations like lazy loading, code splitting, and memoization.
- State Management with Redux Toolkit – Manage global state efficiently for a scalable app.
- React Router for Seamless Navigation – Implement dynamic routing and page transitions.
- Work with APIs – Fetch and display real-time restaurant data using modern API integration.
- Industry Best Practices – Follow scalable, maintainable coding standards used in top companies.
Skills covered in this course
Reviews
-
PPrakash Yaligar
nicely built up ...
-
GGanesh Mudhiraju
I’m a CS student and used this course project as my mini project and it wowed my professors! More than that, I actually learned how full-stack React apps are structured. It helped me land my first internship as a frontend dev.
-
HHarry F
Strongly advised for frontend developers who want to develop production-calibre abilities. Great
-
RRamesh
The instructor breaks down complex concepts in React 18—like concurrent features, hooks, and routing—into simple, actionable steps.
