🔧 Developer Guide¶
Alles was du brauchst, um manniPhone zu erweitern und anzupassen.
Quick Links¶
| Dokument | Beschreibung |
|---|---|
| API Reference | ManniPhoneDialer Klasse Dokumentation |
| Customization | Themes, eigene Phones, Sounds |
Architektur¶
manniPhone/
├── src/
│ ├── index.html # Landing Page
│ ├── phones/
│ │ ├── rotary.html # Wählscheibe
│ │ ├── c2.html # Siemens C2 (coming)
│ │ └── nokia3310.html # Nokia 3310 (coming)
│ └── assets/
│ ├── css/
│ │ ├── base.css # Gemeinsame Styles
│ │ ├── rotary.css # Wählscheibe Styles
│ │ ├── c2.css # C2 Styles (coming)
│ │ └── nokia3310.css # Nokia Styles (coming)
│ ├── js/
│ │ └── dialer.js # Universelle Dialer-Klasse
│ └── sounds/ # Audio-Dateien
├── docs/ # MkDocs Dokumentation
├── manifest.json # PWA Manifest (coming)
├── sw.js # Service Worker (coming)
└── README.md
Tech Stack¶
| Komponente | Technologie |
|---|---|
| Frontend | Vanilla JavaScript (ES6+) |
| Styling | CSS3 (Custom Properties, Grid, Flexbox) |
| Animationen | CSS Keyframes + JS Trigger |
| Audio | Web Audio API |
| Offline | Service Worker + Cache API |
| Telefonie | tel: URI (RFC 3966) |
| Docs | MkDocs + Material Theme |
Entwicklung starten¶
# Repository klonen
git clone https://github.com/manniPhone/manniPhone.git
cd manniPhone
# Lokalen Server starten
python3 -m http.server 8080 --directory src
# Docs Server starten (optional)
mkdocs serve
# Tests ausführen (coming soon)
npm test
Beitragen¶
Issues¶
- Bug gefunden? → Issue erstellen
- Feature-Wunsch? → Discussion starten
Pull Requests¶
- Fork erstellen
- Feature-Branch:
git checkout -b feature/awesome-phone - Änderungen committen:
git commit -m 'Add awesome phone' - Push:
git push origin feature/awesome-phone - Pull Request öffnen
Code Style¶
- JavaScript: ES6+, keine Frameworks
- CSS: BEM-ähnliche Namenskonvention
- HTML: Semantic, accessible
- Commits: Conventional Commits
Weiterführende Docs¶
Zurück zur Startseite