SaarClimb - SvelteKit
🌐 PWA: https://saarclimb.de/
👷♀️In dieser README wird die Architektur des Projektes erklärt
📄 Allgemein
- Dieses Projekt entsteht im Rahmen meiner Masterthesis
- Hierfür wird eine Web-App entwickelt, die Boulderer und Sportler beim Planen und Dokumentieren von Klettertouren unterstützt
- Die App wird in den dreien JavaScript Meta-Frameworks SvelteKit, SolidStart und Next.js entwickelt und analysiert
- SaarClimb ist eine PWA (Progressive Web App)
💻 Tech Stack
- Die Basis bildet das Meta-Framework SvelteKit
- Die Komponenten werden entsprechend mit TypeScript und HTML umgesetzt
- Die Styles werden mit TailwindCSS geschrieben
- Dynamische Datenanzeige wird durch die Backend as a Service Plattform Supabase realisiert
- Dort stehen eine PostgreSQL Datenbank sowie ein Storage für Dateien und Möglichkeiten zur Authentifizierung zur Verfügung
🗂️ Übersicht über die Komponenten
- Die Komponenten befinden sich im Ordner
./src/lib/
- Diese sind unterschieden in
Features
und UI-Elemente
- Die Seiten befinden sich im Ordner
./src/routes/
⌘ Commands
Command |
Action |
npm install |
Abhängigkeiten installieren |
npm run dev |
Startet lokalen Server http://localhost:5173/ |
npm run build |
Bauprozess für die Produktion |
npm run preview |
Vorschau der gebauten App vor Deploy |
🚀 Deployment
- Die Webseite wird mit dem Tool Vercel deployed
- Das GitHub-Repository der Webseite ist mit einem Vercel-Konto verknüpft
- Wird ein neuer Commit auf den
master
-Branch gepusht, wird die Webseite automatisch neu gebaut und deployed
🖥️ CI/CD
- GitHub Action Workflows werden für automatisierte Tests verwendet
📝 License
MIT
📧 Kontakt