Skip to content

Admin UI - a self-service configuration interface for clients

Notifications You must be signed in to change notification settings

daniel-rychlewski/digital-food-admin-ui

Repository files navigation

Admin UI

The Angular-based self-service portal for a restaurant to configure their smartwatch apps with. The client logs in with their email and password to their Firebase Authentication account so that they can configure their restaurant details, the app's UI and the food.

Pictures

Details

General

After the login, this is the screen that the user is greeted with. Options are grouped into categories. All important options are grouped in the "Restaurant" accordion, expanded by default.

Configuration

When the user clicks on the "Food" button on the top-right, they can adjust the food that the app displays to the user.

Configuration

Result

The following pictures show sample results, i.e. what is possible to adjust with the configurations.

Background color and text color:

Background color and text color

Texts:

Texts

Font sizes, GUI elements and configuration:

Font sizes, GUI elements and configuration

Delivery modes:

Disable delivery by removing zip codes from restaurant.minimumOrderMap. When the minimum order value associated with a zip code is not found in the map, it means that delivery is not possible for the zip code:

Wear OS: Wear OS delivery modes

watchOS: watchOS delivery modes

Features

Restaurant details: address, delivery modes, expected order times, opening times, minimum order amounts, delivery fees, the supported payment methods per mode, the crypto wallet addresses, sample data and VAT number.

UI features: texts, colors, validations, paddings, font sizes, heights, feature flags.

Food: name + description (in the local language and English), price, isCategory, availability (by days and time of day), image, options.

Includes sample contracts. Available in English, German, Polish and Indonesian.

Setup

Adjust the environments.ts for your Firebase access. Download your google-services.json files from the Firebase project settings upon registering this web app.

For hosting, use ng build to generate the files and transfer them from the dist folder to the hosting website.

Releases

No releases published

Packages

 
 
 

Contributors