Webengineering Exam

This project is the result for the Exam in Webengineering from DHBW

Chosen tasks

• Display weather data
• Implement Groupchat
• Work with Typescript
• Write your own CSS
• Use a Javascript Framework (Svelte)

Prerequisite

• For this project to work you need a valid API Key from weatherapi.com. Create a free account and copy your API key.

• Node.js 14.9

Installation

1. Clone this repository:
   git clone https://github.com/SlashBack626/dhbw-webengineering-svelte

2. Navigate to the root folder of this project:
   cd dhbw-webengineering-svelte

3. install dependencies:
   npm i

4. setup Environment Variables:
   

   Variable	Value	Default	Required
   PORT	<Your preferred PORT>	5000	❌
   WEATHER_API	<Your API key from weatherapi.com>	None	✔️

   in Windows Powershell you would write it like this:
   

   $env:PORT=<PORT>
   $env:WEATHER_API=<API KEY>

Alternatively you can edit the rollup.config.js file and edit line 25 run npm run dev and skip step 5
NOTE: this approach requires nodemon to be installed

5. npm start

6. open browser: localhost:<PORT>
   e.g. http://localhost:5000

A live version can be found at https://svelte-dhbw-webengineering.herokuapp.com/