Cafeteria
Cafeteria is an online ordering platform for a food service business. Customers browse the menu, add what they want to a cart, and check out, while the business side runs everything else — food items, staff, members, suppliers, and payments — from a dedicated admin dashboard. Built with React, Firebase, and Tailwind CSS.
Technology Stack
React
Tailwind CSS
JavaScript
FirebaseAccount & Login
A simple, secure sign-up and login flow gets you ordering in a couple of steps.
- Secure login and registration
- Smooth navigation between login and sign-up
Admin Dashboard
The business side of the app: admins manage food items, staff, members, suppliers, materials, and payments, all from one dashboard.
- Manage food items, staff, and suppliers
- Add, edit, or remove menu items
- Admin-only access
Customer Home
Once you're signed in as a customer, you get a simple, focused view of your profile, the menu, and your cart.
- Clean, customer-focused navigation
- Quick access to menu, cart, and profile
Browse the Menu
Every food item is laid out as a card with its photo, name, quantity, and price — add anything straight to your cart.
- Browsable menu with photos and pricing
- Add items to your cart in one click
Cart & Checkout
Your cart shows everything you've picked and the total cost — proceed to payment when you're ready, or clear it and start over.
- Clear cart summary with total cost
- Proceed to payment or clear the cart
Your Profile
A simple view of your account details, exactly as you registered them.
- Clear view of your account details
Built With
Built with React for a fast, dynamic interface, Firebase for authentication and real-time data, and Tailwind CSS for a clean, responsive design.
- React for a dynamic, responsive interface
- Firebase for authentication and real-time data
- Tailwind CSS for consistent styling