Inhoud

1. About The Project
   • Built With
2. Voorbereiding
   • MySQL installatie
   • NodeJS/NPM
   • Java
3. Spring project
   • Environment
4. Angular project
   • Environment
   • npm install

Afvalsorteer systeem Groep 13

In dit readme bestand staat weergeven hoe het project opzet mmoet worden zodat u het kunt gebruiker zonder enkele problemen!

Gemaakt met

Dit project is gemaakt met de volgende frameworks:

Voor het frontend is er gebruik gemaakt van:

• 

Voor het backend is er gebruik gemaakt van:

• 

Voorbereiding

Voordat u het project kan gebruiken, moeten er eerst een paar worden dingen gedownload zodat u gebruik kan maken van Angular en Spring.

MySQL installatie

MySQL database heeft u nodig zodat u de data van de applicatie kan opslaan en ophalen.

Download mysql van de website, selecteer de MySQL versie die u nodig heeft en volg de stappen om het te installeren.

NodeJS NPM installatie

NodeJS/NPM heeft u nodig om de frontend te kunnen starten.

Ga naar de node website en download de LTS versie. Volg vervolgens de stappen om node te isntalleren

Java

Java heeft u nodig om de backend van de applicatie te runnen.

Ga naar de gegeven link en download de juiste java kit voor uw systeem.

Spring project

Download het project van de github IPSEN2-BE die u heeft gekregen.

Applications propperties

Ga naar het bestand src/main/resources/application.properties en plaats dit erin:

spring.jpa.hibernate.ddl-auto=none
spring.datasource.url=jdbc:mysql://${MYSQL_HOST:localhost}:3306/db_naam
spring.datasource.username=root
spring.datasource.password=
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
jwt_secret=HASJFHkjlasdfhsduiafh48923yrhishfa789chJKAHLDCUN349yh8hkjshdcv89DJKf

Verander de volgende waardes:

• Bij spring.datasource.url zie je aan het eind "db_naam", verander dat naar uw eigen db naam
• Bij spring.datasource.username moet u uw MySQL gebruikdersnaam invoeren
• Bij spring.datasource.password moet u uw MySQL wachtwoord invoeren

Angular project

Download het project van de github IPSEN3_Angular die u heeft gekregen.

Environment

Ga naar src/app/environments/environment.ts en verander de url van de apiUrl naar de gewneste url waar de backend op draait

Npm install

Om het project te starten heeft u het mapje node_modules nodig.

Om dit mapje te krijgen moet u de commando npm install uitvoeren.

Wanneer u dit mapje heeft, kunt u de volgende commando's uitvoeren:

ng serve -- dit is om het project te starten in developer mode. Dan kunt u dingen in de code aanpassen en word het live veranderd.

ng build -- wanneer u de applicatie wilt hosten moet u deze commando uitvoeren. Er word dan een nieuw mapje gemaakt in dist/AfvalSorteerSysteem. Hier staan een paar bestanden in die u nodig heeft om de app te hosten. Copieer deze en plaats ze in de server waar het gehost moet worden.