ATEM

Eine App zur Verbesserung der Atmung.

Demo . Fehler melden . Funktion anfordern

Über das Projekt

Die Idee zu diesem Projekt entstand aus dem Bedürfnis heraus, Menschen bei der Verbesserung ihrer Atmung zu unterstützen und ihnen dabei zu helfen, sich zu entspannen und dem Alltagsstress zu entfliehen. Richtiges Atmen kann viele positive Auswirkungen auf Körper und Geist haben, wie zum Beispiel mehr Energie, Stressabbau und bessere Konzentration.

Das Hauptziel der App ist es, den Nutzern eine interaktive und ansprechende Plattform zu bieten, auf der sie verschiedene Atemübungen durchführen können. Der Fokus liegt dabei auf der visuellen Darstellung und einer Großzahl an Übungen, um die Nutzer zu motivieren und eine angenehme Erfahrung zu bieten. Durch die Kombination von visuellen Animationen und Soundeffekten wird eine immersive Umgebung geschaffen, die es dem Benutzer ermöglicht, sich auf seine Atmung zu konzentrieren und vollständig in die Übungen einzutauchen.

Das Projekt ist eine sogenannte PWA (Progressive Web App), mit welcher die Website auch offline und als mobile und Desktop-Anwendung genutzt werden kann. Dadurch kann die Website unabhängig von Standort und Internetzugang genutzt werden.

Besonderheiten

• Light/dark mode
• Benutzerdefinierte Atemübungen
• Teile und Speichern von benutzerdefinierter Übungen pber die URL
• Responsive Design
• PWA
• Ton und Geräusche

Roadmap

• Blog mit erweiterten Inoformationen
• Pausebutton bei den übungen
• Einstelungen
• Favoriten
• Profile

Gebaut mit

JavaScript HTML CSS

Erste Schritte

Um eine lokale Kopie zum Laufen zu bringen, folgen Sie diesen einfachen Schritten.

Voraussetzungen

• npm

npm install npm@latest -g

Installation

1. Klonen Sie das Repository

git clone https://github.com/jonashuberts/Atem.git

2. NPM-Pakete installieren

  cd Atem

npm install

Verwendung

npm run start

Mitwirken

Die Beiträge machen die Open-Source-Gemeinschaft zu einem wunderbaren Ort des Lernens, der Inspiration und der Kreativität. Jeder Beitrag, den Sie leisten, wird sehr geschätzt.

Eine Pull-Anfrage erstellen

1. Fork das Projekt
2. Erstelle deinen Feature-Zweig (git checkout -b feature/AmazingFeature)
3. Commit deine Änderungen (git commit -m 'Add some AmazingFeature')
4. Push in den Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Lizenz

Verteilt unter der MIT-Lizenz.

Autoren

• Jonas Huberts - Schüler - Jonas Huberts - Projekt gebaut

Danksagung

• CSS Filter Generator
• Projekt Ausgangspunkt
• Icons
• Farben finden

Screenshots