0xcatrovacer/foodict-frontend

Frontend of a food delivery app made with MERN Stack

FOODICT

---

A Food Delivery App built with the MERN Stack for DevSoc Core Review

---

Deployed Version: Foodict

---

For Developers:

Clone the source locally:

$ git clone https://github.com/swarnabgarang/foodict-frontend.git
$ cd synthesize-frontend

Install project dependencies:

$ npm install

Create environment variables:

1. Create file .env
2. Enter env variables

REACT_APP_FOODICT_BACKEND="<backend url>"
REACT_APP_RZPAY_KEYID="<key id from Razorpay APIs>"
REACT_APP_RZPAY_KEYSECRET="<keySecret from Razorpay APIs>"

Start the app:

$ npm start

---

Features:

• User Authentication Using JWT
• State Management Using Redux
• Payment Integration Using Razorpay
• Minor UI elements using Material UI
• Deployed to Firebase

Future Features:

• User rating system for orders
• Search feature to search for food items or restaurants
• Implementing Chakra UI for better user experience

---

Usage:

• Users can create a new account or log into their account

• Users can add any item into their cart from the menu list given in the homepage

• Users can check their cart and remove items

• Users can proceed to checkout with Razorpay (Test API keys have been used in the deployed version. Users don't need to add payment details.)

• On a successful (fake) payment, their orders will show in the Past Orders section

• Users can also look for Restaurants near them