QuickBite

Overview

Welcome to Quick Bite, a full-stack application built with React, Redux, Node.js, Express, and MongoDB. This application allows users to register, login, add food to cart, and order food.

Table of Contents

• Overview
• Features
• Tech Stack
• Prerequisites
• Installation
• Usage
• Screenshots

Features

• User registration and authentication
• Restaurant wise food listing
• Cart management using redux
• Order food and payment using stripe
• Responsive design

Tech Stack

• Frontend: React, Axios, React Router, Tailwind CSS, Redux
• Backend: Node.js, Express.js
• Database: MongoDB
• Authentication: JWT
• Environment Management: dotenv

Prerequisites

Before you begin, ensure you have met the following requirements:

• Node.js (v16.x or later)
• npm (v6.x or later) or yarn
• MongoDB

Installation

1. Clone the repository

   git clone https://github.com/akashyap25/QuickBite.git

2. Backend Setup

   Navigate to the backend directory and install dependencies:

   cd server
   npm install

   Create a .env file in the backend directory and add the following:

   //MOngoDB
   MONGO_URI=mongodb+srv://
   //Port
   SERVER_BASE_URL=http://localhost:5000
   CLIENT_BASE_URL=http://localhost:5173
   //Stripe
   STRIPE_SECRET_KEY=
   STRIPE_WEBHOOK_SECRET=

   Run the backend server:

   npm run start

3. Frontend Setup

   Navigate to the frontend directory and install dependencies:

   npm install

   Create a .env file in the frontend directory and add the following:

   REACT_APP_HOST=http://localhost:3000

   Run the frontend development server:

   npm run start

Screenshots

Home page

Registration Page

Login Page

Event Management

Event Registration

Task Management

Contact

Anurag kumar - [email protected]