This is a frontend application for ordering food, built using React and Swiggy's live API. It was developed as part of the "Namaste React" course by Akshay Saini, which teaches React fundamentals through hands-on projects. The app allows users to browse restaurants, search for specific options, filter by cuisine, and manage a cart—all powered by real-time data from Swiggy.
| Technology/Library | Purpose |
|---|---|
| React | Building the user interface |
| Parcel.js | Bundling the application |
| Tailwind CSS | Styling components |
| React Router | Handling navigation between pages |
| Context API | Managing application state |
| Swiggy API | Fetching restaurant and menu data |
- Dynamic Restaurant Listings: Fetches real-time restaurant data from Swiggy's API.
- Search Functionality: Find restaurants by name or keyword.
- Cuisine Filters: Narrow down options by cuisine type.
- Shimmer UI: Smooth loading states for better user experience.
- Cart Management: Add and remove items to/from the cart.
Follow these steps to set up the project locally:
- Clone the repository:
git clone https://github.com/MihirRajChowdhury/food-ordering.git
- Navigate to the project directory:
cd food-ordering - Install dependencies:
npm install
- Start the development server:
npm start
Open your browser and go to http://localhost:3000. Browse the homepage to see a list of restaurants. Use the search bar to find specific restaurants or apply filters by cuisine. Click on a restaurant to view its menu, then add items to your cart. A stable internet connection is required for API requests.
src/: Contains React components, utilities, and logic. public/: Holds static assets like images or the index.html file. package.json: Lists dependencies and scripts. Contributing Contributions are welcome! To contribute:
Fork the repository. Create a pull request with your updates.
Akshay Saini and NamasteDev for the amazing "Namaste React" course that inspired this project. Swiggy for providing the public API that powers the app.