The plan for the frontend (F1) is to provide an intuitive, dynamic interface for customers and administrators, integrating seamless order placement, management, and map visualization.
Website here.
- Interactive Menu: Dynamically fetches menu items based on stall types and displays grouped data.
- Order Management: Adds items to a cart, calculates totals, and places orders via the backend.
- QR Code Integration: Generates QR codes for placed orders to facilitate tracking and collection.
- Responsive UI: Fully responsive for desktop and mobile use cases.
The frontend communicates with the backend hosted at:
- Base URL:
https://hovedopgteamet-cxdwanfbevcgcwhb.northeurope-01.azurewebsites.net
The backend handles:
- Menu fetching
- Order placement
- QR code integration
- Admin authentication
Full backend documentation is available here.
- Description: Used for creating interactive maps to display stalls and event locations. Provides a responsive and visually appealing map interface.
- Description: Enables order confirmation emails with details and QR codes. Seamless integration with the frontend for email delivery.
- Description: Generates dynamic QR codes tied to orders. Simple and lightweight, perfect for frontend use cases.
- Description: Framework for building the frontend user interface.
- Features: Data bindings and reactive UI for smooth interactions.
- Link
- Description: Handles API calls for fetching, posting, and deleting data.
- Simplifies integration with the backend REST API.
- Link