hallbarUtvecklingVT7/README.md

# Hållbar Utveckling - Utmaning VT7

Här finns kod för den prototyp som utvecklades av projektgrupp 3 i kursen ENM156 på Chalmers Tekniska Högskola.


## Utvecklingsmiljö
### Förutsättningar
Se till att ha följande mjukvara installerad och fungerande innan nästkommande steg utförs:
* [NodeJS](https://nodejs.org/en/)
* [Git](https://git-scm.com/downloads)

Om du använder terminalen för att köra kommandon kan du behöva lägga till sökvägarna bland dina miljövariabler (om sitter på Windows).

### Första gången
1. Klona repot genom valfritt Git-verktyg eller genom att köra kommandot 
```git clone git@github.com:williameriksson126/hallbarUtvecklingVT7.git```
i en terminal.
2. Navigera till roten av projektmappen/öppna projektet i din IDE och kör kommandot ```npm install``` via en terminal eller genom ett tillägg i din IDE (ex. VS Code har möjlighet att köra npm-scripts).
3. Verifiera att projektet fungerar som det ska genom att återgå till terminalen/tillägget och köra kommandot ```npm start```. Detta kommando kan vara aningen långsamt så ha tålamod.

Tutorials för React går att hitta [här](https://www.youtube.com/playlist?list=PLC3y8-rFHvwgg3vaYJgHGnModB54rxOk3).


## Några grejer om React
* ``public/index.html`` är den enda HTML-fil vi kommer ha i appen, detta eftersom vi bygger en s.k. SPA (Single Page Application). Man ändrar oftast inget i denna fil utöver möjligtvis innehållet i ``<head>``, detta eftersom React hanterar hela vårt UI.
* Ursprungspunkten för React är ``src/index.js``.


## Upplägg
```mermaid
classDiagram
    class User
    User : String deviceId
    User : Coordinates location
    User : nearbyStops()

    class Coordinates
    Coordinates : Float lon
    Coordinates : Float lat

    class Stop
    Stop : String name
    Stop : Track[] locations
    Stop : Departure[] departures

    class Departure
    Departure : String lineName
    Departure : Stop finalStop
    Departure : String time
    Departure : String trafficInfo

    class Track
    Track : String name


    User <.. Coordinates
    User <.. Stop
    Stop <.. Departure
    Departure <.. Stop
    Stop <.. Track
```
Add some info about React 2020-11-20 08:46:25 +01:00			`# Hållbar Utveckling - Utmaning VT7`
Add Hello World-app 2020-11-16 17:46:12 +01:00
Add some info about React 2020-11-20 08:46:25 +01:00			`Här finns kod för den prototyp som utvecklades av projektgrupp 3 i kursen ENM156 på Chalmers Tekniska Högskola.`
Add Hello World-app 2020-11-16 17:46:12 +01:00

Add some info about React 2020-11-20 08:46:25 +01:00			`## Utvecklingsmiljö`
			`### Förutsättningar`
			`Se till att ha följande mjukvara installerad och fungerande innan nästkommande steg utförs:`
Add README.md 2020-11-16 18:10:31 +01:00			`* [NodeJS](https://nodejs.org/en/)`
			`* [Git](https://git-scm.com/downloads)`
Add Hello World-app 2020-11-16 17:46:12 +01:00
Add some info about React 2020-11-20 08:46:25 +01:00			`Om du använder terminalen för att köra kommandon kan du behöva lägga till sökvägarna bland dina miljövariabler (om sitter på Windows).`
Add Hello World-app 2020-11-16 17:46:12 +01:00
Add some info about React 2020-11-20 08:46:25 +01:00			`### Första gången`
			`1. Klona repot genom valfritt Git-verktyg eller genom att köra kommandot`
Add README.md 2020-11-16 18:10:31 +01:00			```git clone git@github.com:williameriksson126/hallbarUtvecklingVT7.git```
			`i en terminal.`
Add some info about React 2020-11-20 08:46:25 +01:00			2. Navigera till roten av projektmappen/öppna projektet i din IDE och kör kommandot ```npm install``` via en terminal eller genom ett tillägg i din IDE (ex. VS Code har möjlighet att köra npm-scripts).
			3. Verifiera att projektet fungerar som det ska genom att återgå till terminalen/tillägget och köra kommandot ```npm start```. Detta kommando kan vara aningen långsamt så ha tålamod.

			`Tutorials för React går att hitta [här](https://www.youtube.com/playlist?list=PLC3y8-rFHvwgg3vaYJgHGnModB54rxOk3).`


			`## Några grejer om React`
			* ``public/index.html`` är den enda HTML-fil vi kommer ha i appen, detta eftersom vi bygger en s.k. SPA (Single Page Application). Man ändrar oftast inget i denna fil utöver möjligtvis innehållet i ``<head>``, detta eftersom React hanterar hela vårt UI.
			* Ursprungspunkten för React är ``src/index.js``.


Add and update classes for client-side data management 2020-11-27 14:00:58 +01:00			`## Upplägg`
			```mermaid
Add some info about React 2020-11-20 08:46:25 +01:00			`classDiagram`
Add and update classes for client-side data management 2020-11-27 14:00:58 +01:00			`class User`
			`User : String deviceId`
			`User : Coordinates location`
			`User : nearbyStops()`

			`class Coordinates`
			`Coordinates : Float lon`
			`Coordinates : Float lat`

			`class Stop`
			`Stop : String name`
			`Stop : Track[] locations`
			`Stop : Departure[] departures`

			`class Departure`
			`Departure : String lineName`
			`Departure : Stop finalStop`
			`Departure : String time`
			`Departure : String trafficInfo`

			`class Track`
			`Track : String name`


			`User <.. Coordinates`
			`User <.. Stop`
			`Stop <.. Departure`
			`Departure <.. Stop`
			`Stop <.. Track`
			```