https://github.com/abhijitsarker/res2ran

This is a restaurant project that is an online platform designed to streamline the dining experience, offering a seamless interface for customers to explore menus, place orders, and enjoy a convenient and delightful dining experience.
https://github.com/abhijitsarker/res2ran

firebase react stripe tailwind-css

Last synced: 2 months ago
JSON representation

This is a restaurant project that is an online platform designed to streamline the dining experience, offering a seamless interface for customers to explore menus, place orders, and enjoy a convenient and delightful dining experience.

• Host: GitHub
• URL: https://github.com/abhijitsarker/res2ran
• Owner: AbhijitSarker
• Created: 2023-10-28T08:25:57.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-07T20:04:35.000Z (over 2 years ago)
• Last Synced: 2025-02-04T09:34:07.398Z (over 1 year ago)
• Topics: firebase, react, stripe, tailwind-css
• Language: JavaScript
• Homepage: https://res-2-ran.web.app/
• Size: 51.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# Res2Ran - Restaurant

This frontend project complements the restaurant management system server to provide a user-friendly interface for browsing menu items, placing orders, and managing user and admin dashboards.

## Features

-   **Browse Menu:** Explore a variety of dishes categorized by type and view their details.

-   **Ordering System:** Select items, add them to the cart, and proceed to checkout.

-   **User Dashboard:** Manage user profiles, order history, and account details.

-   **Admin Dashboard:** Access to admin privileges for managing users, menu items, and viewing analytics.

## Installation

1.  **Clone the Repository:**

    

    

    `git clone https://github.com/AbhijitSarker/res2ran.git`

    `cd res2ran` 

    

2.  **Install Dependencies:**

        

    `npm install` 

    

3.  **Set Firebase Config:**

    

    -   Obtain Firebase config credentials from your Firebase project and set them in the appropriate config file.

4.  **Run the Application:**

    

    

    `npm start` 

        

## Technologies Used

-   **React:** Frontend library for building the user interface.

-   **Tailwind CSS:** Utility-first CSS framework for styling components.

-   **Firebase Auth:** Firebase authentication for user authentication and authorization.

-   **Firebase Hosting:** Hosting platform for deploying the frontend application.

## Usage

### User Interface

-   **Menu Browsing:** Users can browse through various menu items categorized by type and view their details.

-   **Order Placement:** Users can add items to the cart and proceed to checkout for order placement.

### User Dashboard

-   **Profile Management:** Users can view and update their profiles, account details, and order history.

### Admin Dashboard

-   **User Management:** Admins can manage user accounts, upgrade users to admins, and view user statistics.

-   **Menu Management:** Admins can add, edit, or remove menu items and categories.

-   **Analytics:** Access to order statistics, revenue details, and other aggregated data.

## Deployment

-   **Firebase Hosting:** The application can be deployed using Firebase Hosting for live access.