/techsaloniki-angular

Angular frontend application for workshop purposes on Techsaloniki 5 carreer event in Thessaloniki, Greece (2019-10-05)

Primary LanguageTypeScript

Techsaloniki5 Students

A small Angular application which acts as the frontend of techsaloniki-spring. It was developed as a tutorial of Spring Boot and Angular for workshop puproses on Techsaloniki event, Greece (2019-10-05).

This project was generated with Angular CLI version 11.0.5.

Branches

This example is divided into 2 Git branches:

  • master: contains the exercise as it is taught inside the workshop with TODO items/goals to be missing.
  • complete: contains the complete solution

Requirements

To develop and run this application you need to:

  1. Install NodeJS. The requirements are least NodeJS 6.9.x and npm 3.x.x. Latest version is recommended. To check NodeJS and NPM version you can run node -v and npm --version in a terminal.
  2. Have the demo Spring Boot application up and running.

IDE and environment setup

You can open this project as a directory in Visual Studio Code or another IDE like IntelliJ. In order to run the following commands, you can use a terminal or the IDE integrated terminal.

  • To download project dependencies you need to run:
    npm install
  • Then you have to download Angular CLI:
    npm install -g @angular/cli
  • In src/app/student.service.ts file replace the address and port of your Spring boot app. Default:
    const API_URL: string = 'http://localhost:8081/students';

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

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.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.