Cafe Management System (MERN Stack)

Description

A comprehensive Cafe Management System built with the MERN Stack (MongoDB, Express.js, React.js, Node.js). This application handles orders, inventory management, payments, and customer feedback in a seamless interface for both customers and cafe staff.

Features

• Order Management: Create, update, and manage customer orders in real-time.
• Inventory Management: Track cafe inventory with options to add, update, or remove items.
• Payment Integration: Simulate payment processing with secure user transactions.
• Customer Feedback: Collect and store customer reviews and feedback.
• User Authentication: Secure login system for cafe staff using JWT (JSON Web Tokens).
• Responsive UI: A dynamic and responsive front-end built with React.js and Tailwind CSS.

Tech Stack

• Frontend:

  • React.js
  • Tailwind CSS
  • Redux (State Management)

• Backend:

  • Node.js
  • Express.js
  • JWT Authentication

• Database:

  • MongoDB

Installation

Prerequisites

Ensure you have the following installed on your system:

• Node.js
• MongoDB or a MongoDB cloud database like MongoDB Atlas

Steps to Run Locally

1. Clone the repository: git clone https://github.com/yourusername/cafe-management-system.git

2. Navigate into the project directory: cd cafe-management-system

3. Install the required dependencies for both the backend and frontend:

   For Backend (Node.js/Express): cd backend npm install

   For Frontend (React): cd frontend npm install

4. Set up environment variables for the backend (in the /backend folder), such as:

   • MONGO_URI (MongoDB database connection string)
   • JWT_SECRET (A secret key for JWT)

5. Start the frontend and backend server:

     npm run dev
   

6. Open your browser and navigate to http://localhost:3000 to view the app.