https://github.com/malithonline/beverage-system
🍵 Modern cafe ordering system with customer & staff interfaces. React frontend, Node.js backend, MongoDB database. Features: menu browsing, order customization, and status management.
https://github.com/malithonline/beverage-system
Last synced: 3 months ago
JSON representation
🍵 Modern cafe ordering system with customer & staff interfaces. React frontend, Node.js backend, MongoDB database. Features: menu browsing, order customization, and status management.
- Host: GitHub
- URL: https://github.com/malithonline/beverage-system
- Owner: malithonline
- Created: 2025-03-03T20:10:48.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-03-03T20:32:24.000Z (3 months ago)
- Last Synced: 2025-03-03T21:27:32.170Z (3 months ago)
- Language: TypeScript
- Homepage:
- Size: 728 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🍵 Cafe Asipiya
A simple cafe ordering system with customer and staff interfaces. Customers can browse menu items, customize orders, and place them, while staff can manage and update order statuses.
## 📱 Screenshots
### 👤 Customer Interface
#### 🛒 Cart
#### 💳 Checkout
#### ✨ Customize Order
#### 📋 Items List
#### 🔐 Login
### 👨💼 Staff Interface
#### 📊 Staff Dashboard
## ✨ Features
- **👤 Customer Interface**
- 🍽️ Browse menu items by category (Coffee, Tea, Smoothie, Bubble Tea)
- 🔧 Customize orders (size, sugar level, ice level)
- 🛒 Shopping cart functionality
- 💳 Order checkout
- ⭐ Customer reviews
- 📝 User registration and login
- **👨💼 Staff Interface**
- 📋 View all orders
- 🔄 Update order status (pending, in-progress, completed)
- 🔍 View order details
## 🛠️ Technologies Used
- **🖥️ Frontend**: React, TypeScript, Tailwind CSS
- **⚙️ Backend**: Node.js, Express
- **💾 Database**: MongoDB
- **🔒 Authentication**: JWT
## 🚀 How to Run
1. Make sure you have Node.js and MongoDB installed on your computer
2. Clone the repository
```
git clone https://github.com/malithonline/Beverage-system.git
cd Beverage-system
```
3. Install dependencies
```
npm install
```
4. Set up environment variables
- Create a `.env` file in the root directory with the following:
```
MONGODB_URI=mongodb://localhost:27017/cafeAsipiya
JWT_SECRET=cafe_asipiya_secret_key_2025
PORT=5000
```
5. Seed the database with sample data
```
npm run seed
```
6. Start the application
```
npm run dev
```
7. Open your browser and go to `http://localhost:5173`
## 🔑 Login Credentials
### 👨💼 Staff Login
- Email: [email protected]
- Password: staff123
### 👤 Customer Login
- Email: [email protected], [email protected], or [email protected]
- Password: 123456
## 📁 Project Structure
- `/frontend` - React frontend application
- `/backend` - Node.js backend API
- `/backend/models` - MongoDB models
- `/backend/controllers` - API controllers
- `/backend/routes` - API routes
## ⚙️ How It Works
1. **📦 Orders**: When a customer places an order, it's saved to MongoDB through the backend API. The order includes customer details, product information, customizations, and status.
2. **🔒 Authentication**: Users can register and login. JWT tokens are used for authentication.
3. **📊 Staff Dashboard**: Staff members can view all orders and update their status. The changes are saved to the database.