Namaste React 🚀

This project is part of my journey learning React.js from scratch. It's a food delivery application built while learning various React concepts and best practices.

📚 What I Learned

• React Fundamentals

  • JSX and React Elements
  • Functional Components
  • Props and State Management
  • Hooks (useState, useEffect, useContext)
  • React Router for Navigation
  • Class Components
  • Custom Hooks

• Advanced Concepts

  • Redux Toolkit for State Management
  • Context API
  • Code Splitting and Lazy Loading
  • Higher Order Components
  • React Testing
  • Error Boundaries

🎯 Project Features

• Restaurant listing using Swiggy's API
• Search and filter restaurants
• Restaurant menu display
• Cart functionality using Redux
• User context implementation
• Online/Offline status indicator
• Responsive design

🛠️ Tech Stack & Tools

• React.js
• Redux Toolkit
• React Router v6
• Tailwind CSS
• Parcel (Bundler)
• Jest (Testing)

📦 Parcel Features Used in Project

• Dev Build
• Local Server
• Hot Module Replacement
• Caching
• Minification
• Image optimization
• Bundle
• Compressing
• Consistent Hashing
• Code splitting
• Diagnostic
• Error Handling
• HTTPS
• Tree Shaking
• Different Dev and Prod build

🏃‍♂️ Running the Project

1. Clone the repository
2. Install dependencies:

   npm install

3. Start the development server:

   npm start

📂 Project Structure

• src/components/: React components built during the course
• src/utils/: Helper functions, constants, and custom hooks
• src/App.js: Main application component

🙏 Acknowledgments

This project was built as part of the Namaste React course, which helped me understand React.js fundamentals and best practices.