An angular frontend for creating and exporting a template that consits of 4 AI generated images and a page description. This template can be imported into BMC DWP's studio.
- Please also refer to the backend that this application talks to. This serves as a UI for displaying generated images, and exporting the final template that the Spring backend has generated.
- NodeJS - https://nodejs.org/en/download/
- Check using
node --version
.
- Check using
- NPM should be automaticaclly installed with NodeJS.
- Check using
npm --version
- Check using
- CD into angular-frontend-imagGen folder
- Install the modules using npm
Run
npm install
in the angular project directory.- This should install the modules. It might take a while.
- Start a live server
Run
npm start
. It should start the server athttp://localhost:4200/
, which reloads when anything is changed.
-
Generating images for an HR portal where employees can update their information
Description prompt -
A 2 sentence description for a HR portal that allows employees to update their personal information.
Image prompts
-
A logo for a website where employees can easily manage and update their personal information. The logo should have a modern and professional design that portrays an atmosphere of ease and convenience. Use elements like a pencil or a stylus, or anything else that relates to writing and updating information.
-
A blue and white phone with a pencil on its left side lying on a table. The background is white and well-lit.
-
Circle with an image of an envelope in the center. The envelope should have an arrow pointing upwards and to the right, indicating progress or advancement.
-
A piggy bank with a wrench beside it.
-
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. (Not necessary unless putting in production).
This project was generated with Angular CLI version 15.1.6.F
To get more help on the Angular CLI use ng help
or go check out the Angular CLI Overview and Command Reference page.