Lost

📍 Lost

Lost is a geolocation PWA that helps you find your next destination. Find out more about specific places by clicking on the map, collect your favorite locations and navigate to them from your location.

Web-Eng-2_Gruppe4

👥 Web Engineering 2 Project from:

• Christoph Koßlowski
• Lea Silberzahn
• Lukas Adrion
• Nico Bayer
• Thibault Rey
• Jasper Bärhausen
• Moritz Pacius
• Ralf Ehli

📋 Task

"Entwickeln Sie eine Web-Applikation die innerhalb eines Location-Based-Service eines Karte darstellt. Innerhalb der Karte soll eine Position (oder aktueller Standort) mit ihren Geo-Koordinaten ausgewählt werden können. Über diese Koordinaten soll mittels Reverse-Geocoding der Ort ermittelt und über Wikipedia die enstsprechenden Information zur Örtlichkeit ausgelesen und visualisiert werden" Anschließend soll die Fahrroute von der gegenwärtigen Position zum ausgewählten Ort dargestellt werden.

Scrum

We use Notion to plan, document and define our Scrum development.

View Notion page

ℹ️ More

❗ Contributing

Please read through our contributing guidelines.

---

📌 Task

• Die Web-Applikation soll möglichst gemäß den Vorgaben einer PWA entsprechend (Progressive-Web-Application, mobile first, responsive, ..) umgesetzt werden.
• Die App soll über "React/JSX", sowie über ein User Experience (Mobility/UI) wie "Framework7, Ionic doer Material UI" und dessen Standardkomponenten umgesetzt werden. Die Karten sollen über OpenStreetMap ggf. Leaflet eingebunden werden.
• Bilden Sie dazu kleine Sprint-Teams (ca. 4-7 Personen pro Sprint-Team)und zerelegen sie die Epic in die entsprechenden User-Stories und Sprints (Produkt-Backlog, Sprint-Backlog), so dass die Teams eine gleichmäßige Auslastung haben.
• Definieren Sie einen Scrum-Master (wenn nötig ggf. ein Team von 2 Personen) der das Produkt-Inkrement kontrolliert und dem Team beim Sprint-Inkrement beratend und unterstützend zur Seite steht, die (online)-Kommunikation untereinander aufrecht erhält, das Ziel ständig kontrolliert und den Product-Owner informiert.
• Die fertige Lösung soll ggf. auf einem Github-Repository lauffähig veröffentlicht und auf CD/DVD dem Sekretariat übergeben werden. Der Scrum-Master ist für die vollständige Auslieferung der PWA zum Ende des Vorlesungsquartals oder nach individueller Absprache mit dem Dozenten verantwortlichen.

---

Framework7 CLI Options

Framework7 app created with following options:

{
  "cwd": "*",
  "type": [
    "pwa",
    "web"
  ],
  "name": "Lost",
  "framework": "react",
  "template": "blank",
  "cssPreProcessor": "scss",
  "bundler": "vite",
  "theming": {
    "customColor": true,
    "color": "#B317C1",
    "darkTheme": false,
    "iconFonts": true,
    "fillBars": false
  },
  "customBuild": false
}

⚠️ Install Dependencies

First of all we need to install dependencies, run in terminal

npm install

🏃‍♀️ NPM Scripts

• 🔥 start - run development server
• 🔧 dev - run development server
• 🔧 build - build web app for production

Documentation & Resources

• Framework7 Core Documentation
• Framework7 React Documentation
• Framework7 Icons Reference
• Community Forum

Support Framework7

Love Framework7? Support project by donating or pledging on:

• Patreon: https://patreon.com/framework7
• OpenCollective: https://opencollective.com/framework7