Foodie - Restaurant Listing App

Overview

Foodie is a React-based food ordering app that provides restaurant listings and menus using Swiggy's API. It allows users to explore restaurant details, filter results, search for specific restaurants, and view menus with expandable accordion-style sections.

Features

• Restaurant Listings: Displays restaurant cards with images, ratings, and details.
• Search Functionality: Search restaurants by name.
• Filters: Filter restaurants based on categories like 'Top Rated,' 'Fast Delivery,' and 'Pure Veg.'
• Menu Accordion: Expandable sections to view detailed menus.
• Dynamic Cart: Displays the number of items added to the cart.
• Responsive Design: Fully responsive UI using Tailwind CSS.

Technologies Used

• React: JavaScript library for building user interfaces.
• Tailwind CSS: Utility-first CSS framework for styling.
• Parcel: Bundler for faster builds and live reloading.
• Swiggy API: Used to fetch restaurant and menu data.

Screenshots

Home Page with Filters and Search Bar

Menu Accordion with Details

Usage

• Explore restaurants and view details.
• Use filters and search to narrow down options.
• Click on a restaurant to view its menu using the accordion.
• Add items to the cart (future enhancement).

Future Enhancements

• User Authentication: Allow user accounts and order history.
• Cart Functionality: Fully implement adding/removing items to/from the cart.
• Deployment: Deploy to a live server.

Author

Raunak
GitHub: CtrlAltWin

Disclaimer

This project is not affiliated with, endorsed by, or in any way related to Swiggy. The Swiggy logo and brand assets are the property of Swiggy and are used here for educational purposes only.