- Brooklyn Harden | Frontend Developer | baharden@gmail.com
- Dean Walston | Frontend/Backend Developer | dwalston252@gmail.com
- Trishtan Husser | Frontend Developer | thusser252@gmail.com
- Wayleom Vargas | Backend Developer | wvrubio252@gmail.com
Traditional in-person ordering limits customer convenience and reduces potential sales.
Problem: Our restaurant wants to get more customers by allowing them to order online.
Solution: Create a web app that allows customers to browse the menu, customize items, and place orders directly from their devices.
- Users can view all available menu items.
- Each item shows its name, description, and price.
- If no items are available, a message appears: “No items available.”
- Clicking an item adds it to the cart.
- Cart total updates immediately after any change.
- If an item is out of stock, users see an error message.
- Once checkout is complete, the order becomes final and uneditable.
- A search bar appears when the menu page loads.
- Users can search for items by name or description.
- If no results match, the system shows: “No matching items found.”
- Users can modify items in their cart (quantity, toppings, size, etc.) before checkout.
- Edits update the cart summary and total immediately.
- Order details clearly display item name, description, quantity, and price.
- ** Video Demo: **
Planned improvements and future features:
- Mobile-responsive layout improvements
- Customer reviews and ratings for menu items
Open-source tools and libraries used:
- React – frontend framework
- Node.js & Express – backend and server
- OpenAI
- Copilot
- Tailwind CSS / Bootstrap – styling
- PostgreSQL – database
- Icons from Lucide