The frontend has been implemented using the Angular framework. To make the frontend responsive and usable on a tablet, Bootstrap has been used as the HTML, CSS and JS framework.
This project was generated with Angular CLI.
To run the frontend locally, following commands are required:
# Clone repository
git clone [email protected]:scmo/apayment-web.git
# Navigate into project and download dependencies
cd apayment-web && npm install
# Builds and serves the frontend. rebuilding on file changes
npm start
After building the frontend, the development server is listening on http://localhost: 4200
. The app will automatically reload if you change any of the source files.
Run ng generate component component-name
to generate a new component. You can also use ng generate directive/pipe/service/class/module
.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the -prod
flag for a production build.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.
To build and deploy the frontend, following commands are necessary:
# Builds the frontend and places it into the /dist folder
npm run build-prod
# Transfer builded files to webserver
scp -r dist/ <user@host>:/var/www/apayment/html