Build administration panel using Angular and Firebase (TypeScript) -- 3
Budget: $8 – $15 USD
The aim is to create an administration panel that allows to:
- Display existing and Initialize new Objects (name, label, key)
- Display existing and Initialize new Fields (name, label, type, then options ...)
- Display existing and Initialize new Containers (name, label, width, alignment, then rows ... & sections ... & items ...)
- Display existing and Initialize new Actions (name, label, order, object, relativelink, icon, ... , container)
The frontend is to be built on top of existing Angular application by accessing dedicated Administration URL (/admin) using TypeScript.
The backend is based on Firebase Functions for APIs and Firebase Cloud Firestore for data management.
Attached is a JSON file that contains sample data that is used today to initialize the app from an administration point of view. The aim is to make it visual and allow adding/removing/editing items in the administration panel to make it easier to manipulate.
Please have a look at the attached mockups too - the gray fields are ones that should be defaulted automatically, and then the user can change them.
- Display existing and Initialize new Objects (name, label, key)
- Display existing and Initialize new Fields (name, label, type, then options ...)
- Display existing and Initialize new Containers (name, label, width, alignment, then rows ... & sections ... & items ...)
- Display existing and Initialize new Actions (name, label, order, object, relativelink, icon, ... , container)
The frontend is to be built on top of existing Angular application by accessing dedicated Administration URL (/admin) using TypeScript.
The backend is based on Firebase Functions for APIs and Firebase Cloud Firestore for data management.
Attached is a JSON file that contains sample data that is used today to initialize the app from an administration point of view. The aim is to make it visual and allow adding/removing/editing items in the administration panel to make it easier to manipulate.
Please have a look at the attached mockups too - the gray fields are ones that should be defaulted automatically, and then the user can change them.