Skip to content

Frontend Decisions

CelineMP edited this page May 15, 2024 · 2 revisions

Frontend Decisions

Technology

  • Framework Typescript + React with Vite:
    • Typescript was requested
    • Most experience of FE SDs with REACT
    • Vite uses native ES modules and rollup to create a highly optimized build. This results in fast build times and smaller bundle sizes with Vite
  • No CSS Framework so far
  • Map technology LeafLet

UI Concept

Initial Concept with the following wireframe as a future vision: UI_conceptRefined drawio

Map technology

Project requirements

  • Markers, polygons
  • Overlays
  • Zoom
  • Right-click events
  • Rendering our additional data on top of the base map
  • OSM compatible

MapLibre

  • https://maplibre.org/
  • Fork of Mapbox
  • Created and maintained by community
  • MapLibre is continuation of Mapbox under a fully open-source license
  • BSD-2-Clause License
  • May be faster than Leaflet
  • Native 3D map support

Leaflet chosen

BSD-2-Clause License

The BSD-2-Clause License is a permissive free software license that allows you to freely use, modify, and distribute the software, with some conditions:
You can freely use and redistribute the software in both source and binary forms. You can modify the software as you see fit.
You must include the original copyright notice and the license text if you redistribute the software or any substantial portion of it.
The software is provided "as is", without warranty of any kind.
→ Allows you to use in both commercial and non-commercial projects without paying for a license or sharing your modifications to the source code

Not decided

  • (Importance of) Inclusion of 3d
  • Search/filter functionalities
  • Combination of maps
  • Custom marker/ Remembering previous positions / "favorites"
  • Communication with Backend/Frontend (Research in Sprint 1)