Skip to content

govindumeesala/food-ordering-app-frontend

Repository files navigation

Frontend of MERN Stack Application : food ordering app

Table of Contents

Introduction

Food Ordering Website

  • This project is a food ordering web application consisting of two separate repositories: one for the frontend and one for the backend. The frontend, built using React, handles the user interface and interactions. The backend, powered by Node.js and Express.js, MongoDb manages data, user authentication, and API endpoints.
  • It allows users to browse through a variety of restaurants, view menus, add items to a cart, place orders, and track their order status.

Features

  • User-friendly interface
  • Google authentication
  • Advanced search functionality
  • Secure online payments
  • Real-time order tracking
  • Order history
  • Restaurant management
  • Robust admin panel
  • Scalable architecture... and many more real world features

Demo

Installation

Step-by-step instructions to set up the frontend project locally.

Prerequisites

  • Node.js

Clone the Repository by running following commands

Install Dependencies

  • npm install

Usage

Running the Application

  • npm run dev

Configuration

You can configure the frontend application by modifying the src/config folder.

Scripts

  • npm run dev: Start the client in development mode
  • npm run build: Build the client for production

Technologies Used

  • React
  • shadcn/ui
  • Tailwind css
  • Auth0
  • stripe

Contributing

Contributions are welcome! Please follow these steps:

  • Fork the repository.
  • Create a new branch: git checkout -b feature/your-feature-name.
  • Make your changes and commit them: git commit -m 'Add some feature'.
  • Push to the branch: git push origin feature/your-feature-name.
  • Submit a pull request.

Contact

Backend

Link to Backend Repo