Placeholder service UI

There is a simple UI for simple self-hosted placeholder service.

Demo: https://placeholder-ui.antonshell.me/

Project created with:

• Angular version 17.0.8
• Node.js version 20
• Bootstrap version 5

Install

1 . Clone repository

git clone git@github.com:antonshell/placeholder-service-ui.git

2 . Install dependencies

npm install

3 . Start application

npm start

4 . Open app

http://localhost:4200/

Production build

Production deployment is automated via ssh_deploy github action. There is such command for building production app.

npm run ng build --prod --output-hashing=all

Tests

1 . Run unit & integration tests

ng test --no-watch --no-progress --browsers=ChromeHeadless --code-coverage --karma-config=karma.conf.js

Full code coverage report: http://files.antonshell.me/github-actions/placeholder-service-ui/main/coverage/coverage/src/

2 . Run Cypress e2e tests

npm run cypress:run

3 . Open Cypress UI

npm run cypress:open

Code generation

ng generate service services/auth
ng generate guard guards/auth
ng generate component components/tag-edit