E-Bike Renting System - Admin Web Client

šŸš“ā€ā™‚ļø Readers Beware: This is a school project šŸš“ā€ā™€ļø

Welcome to the administrative web client for our e-bike renting system ā€“ a school project that pedals its way into the world of big bike tech. This isn't just any admin panel; it's the central command station for managing a fleet of e-bikes that (hypothetically) rule the streets!

App Running Live

Get a feel for the apps features, functionality, and user interface:

  • Live Demo: Visit Lenticode to see the application live.

Important Note: To run the app live, you'll need an account. Feel free to contact me for further information.

Root Repository

For a comprehensive view of all our related projects and to access the entire collection of repositories, please visit our root repository:

This root repository serves as the central hub for our projects, providing links and information to all associated repositories.

Here you will find instructions on how to set up and run all repositories on your local machine.


Custom Setup Instructions

While we recommend using our root repository for a smoother ride, you may choose to set up this repository directly, especially if you're planning to adapt the code. So, if you're feeling adventurous and want to ditch the training wheels, follow the steps below.

MapTiler API Key

This application utilizes MapLibre GL JS with tiles from MapTiler.

Adding Your Free Key

  1. Create or rename a .env file based on the .env.example.
  2. Add or update the PUBLIC_MAPTILER_API_KEY with your own key from MapTiler.
  3. Your key can be found on your MapTiler Cloud account page.
  4. If you don't have an API key yet, sign up for a free one at MapTiler Cloud.

REST API Configuration

The app interfaces with a REST API connected to a backend server and database.

  1. If not already done, create or copy the .env.example file to .env.
  2. Set PUBLIC_REST_API_URL to the server's URL.
  3. The server URL is no secret and is provided in the .env.example file.
  4. Server code can be found at JuliaLind/vteam-server.

Local Development

Once you've created a project and installed the dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# Optionally, to open the app in a new browser tab:
npm run dev -- --open

Building for Production

To create a production version of the app:

npm run build

You can preview the production build with npm run preview.

Docker Deployment

To build a production version of the app and run it inside a container:

docker compose up --build

The app uses the node-adapter by default. You may need to install a different adapter for your target environment and change the app settings accordingly.

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes