PlaceMark-POI-Svelte

Placemark Poi Svelte

Advanced Full Stack Development Assignment

PlaceMark-POI-Svelte

Project Description

The website shows a map of dormitories, supermarkets, postal offices and hospitals in Regensburg, for incoming students to Regensburg. They can create an account to log in, view or create places in the city. They can see the name, address, description and an image of each place. Students can easily see postal offices and supermarkets near to their dormitory. They can also see which dorm is close to many facilities when choosing a dormitory. The website also features an image gallery and simple analytics.

Admin has an additional view where they can see the list of users and are able to delete them.

The app uses database and API call from this backend repository.

Testing

You can create an account and log in to see the map, or use the sample user account.

email: sam@smith.com
password: fireonfire

Unfortunately, admin accounts are limited and can only be created in the backend.

Techology

  • Runtime environment: Node.js
  • Framework: Svelte, Leaflet, Frappe
  • Deployment: Firebase

Usage

In the project folder, run

npm install
npm run dev

The project should be running on http://localhost:3000/.

Attribute

image: Flaticon.com, unsplash.com, stwno.de, maps.google.com

Top categories

Loading Svelte Themes