This repository contains the web application built using SvelteKit for Project D. Our application functions as an electric vehicle charging and management hub where users can reserve and request ports to charge their vehicle, which is meant to be used by employees internally working at our client Schuberg Philis.
- Real-time monitoring of EV charging ports
- User-friendly interface for managing charging sessions
- Notifications for updates such as ports being requested.
To set up the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/Rokimajo/SvelteKit-EV-Application
-
Navigate to the project directory: (or alternatively open the terminal at this location)
cd Svelte/my-app
-
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open your browser and navigate to:
http://localhost:5173
Note
If port 5173 is used, SvelteKit will automatically pick another one. If this is the case, make sure you use the correct port instead of the default 5173. You can find this information in the terminal after running the development server.
Once the application is running, you can access the following features:
- Dashboard: View the status of all charging ports.
- Port Management: Reserve or request charging ports at different stations.
- Pick your Car: Pick your electric car when first launching the application, so the application is tailored to you.
Navigate through the menu to explore different sections of the application.
Certain features are configured using secret keys, which are not pushed to this GitHub. If you want to still use these features, create a .env
file in the my-app root directory.
Features that use the .env file are the following:
- Database Settings: Configure your database connection settings.
- Slack Webhook: Set up notifications to your channel using a slack webhook URL.
The syntax used by the .env file are the following:
DATABASE_URL=postgres://user:password@hostname:port/Schuberg
SLACK_WEBHOOK=YOUR_SLACK_WEBHOOK_HERE
Remember to change the values to reflect your personal keys.