Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vardaan-bhatia/mealmate
MealMate is a Swiggy clone featuring real-time restaurant listings, customizable menus, and integrated payment built with React and Redux
https://github.com/vardaan-bhatia/mealmate
emailjs gemini-api geolocation razorpay-payment-gateway reactjs reduxt-toolkit router-dom scss speech-recognition
Last synced: 4 days ago
JSON representation
MealMate is a Swiggy clone featuring real-time restaurant listings, customizable menus, and integrated payment built with React and Redux
- Host: GitHub
- URL: https://github.com/vardaan-bhatia/mealmate
- Owner: vardaan-bhatia
- Created: 2024-06-05T08:53:52.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-08-07T12:16:04.000Z (3 months ago)
- Last Synced: 2024-08-07T20:18:15.533Z (3 months ago)
- Topics: emailjs, gemini-api, geolocation, razorpay-payment-gateway, reactjs, reduxt-toolkit, router-dom, scss, speech-recognition
- Language: JavaScript
- Homepage: https://mealmatebyvardaan.vercel.app/
- Size: 223 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **MealMate**
MealMate is a Swiggy-inspired food delivery app featuring real-time restaurant listings, customizable menus, and integrated payments. It provides an intuitive experience for ordering meals with dynamic location-based services and efficient cart management.
## **Important Note**
Before accessing the application, you need to install a CORS extension to avoid any issues with CORS. You can add the extension from this link.
Check out the live demo of MealMate here.
## **Key Features**
- **Dynamic Restaurant Listings:** Fetch and display restaurant details based on user location.
- **Speech Recognition:** Allow users to search for restaurants using speech recognition.
- **Customizable Menu:** Filter menus by vegetarian, non-vegetarian, bestsellers, and offers.
- **Real-time Data:** Auto-fetch location data for nearby restaurants.
- **Cart Management:** Add, remove, and clear items in the cart with Redux integration.
- **Payment Integration:** Seamless payment options with Razorpay.
- **AI Integration:** Chat AI (Gemini) for enhanced user interaction.
- **Authentication:** Secure login using Auth0.
## **Technologies Used**
- **Frontend:** React and SCSS
- **State Management:** Redux ToolKit
- **Payment Gateway:** Razorpay
- **Authentication:** Auth0
- **AI Integration:** Google Gemini
- **Map Integration:** Dynamic map locations
- **Data Storage:** LocalStorage for cart state
## **Installation & Prerequisites**
**Node.js**
**npm or yarn**
### Setup
Clone the repository:
```bash
git clone https://github.com/vardaan-bhatia/MealMate.git
cd mealmate
```
Install dependencies:
```bash
npm install
# or
yarn install
```
Set up environment variables:
Create a `.env` file in the root of the project and add the following variables:
```
REACT_APP_IMAGE_URL=your_image_url
REACT_APP_AUTH0_DOMAIN=your_auth0_domain
REACT_APP_AUTH0_CLIENT_ID=your_auth0_client_id
REACT_APP_LOCATION_ID=your_location_id
```
Start the development server:
```bash
npm run dev
# or
yarn dev
```
## **Screenshots**
---
---
---
---
---
---
---