294 lines
7.4 KiB
Markdown
294 lines
7.4 KiB
Markdown
# Florale Emotion - Blumen für besondere Momente
|
|
|
|
Ein komplettes Business-Setup für ein Blumengeschäft spezialisiert auf Hochzeiten, Beerdigungen und Events.
|
|
|
|
## 🌸 Überblick
|
|
|
|
Florale Emotion ist ein professionelles Floristik-Unternehmen, das sich auf emotionale Momente spezialisiert hat. Dieses Repository enthält:
|
|
|
|
- **Moderne Website** (Angular + Tailwind CSS)
|
|
- **Backend-System** (Node.js + Express)
|
|
- **E-Mail-Integration** (mailbox.org)
|
|
- **Ticket-System** (Gitea Integration)
|
|
- **Social Media Bot** (Multi-Platform Automatisierung)
|
|
- **Business Plan** (Vollständige Geschäftsstrategie)
|
|
|
|
## 🚀 Features
|
|
|
|
### Website
|
|
- ✅ Responsive Design für alle Geräte
|
|
- ✅ Portfolio-Galerie mit Filterung
|
|
- ✅ Kontaktformular mit Event-Details
|
|
- ✅ SEO-optimiert mit strukturierten Daten
|
|
- ✅ Moderne UI mit Tailwind CSS
|
|
|
|
### Backend & Integration
|
|
- ✅ E-Mail-System mit Templates
|
|
- ✅ Automatische Ticket-Erstellung in Gitea
|
|
- ✅ Kundenbenachrichtigungen
|
|
- ✅ Team-Benachrichtigungen
|
|
|
|
### Social Media Automation
|
|
- ✅ Multi-Platform Bot (Instagram, Facebook, TikTok, Mastodon, YouTube)
|
|
- ✅ Automatische Posts nach Zeitplan
|
|
- ✅ Content-Templates für verschiedene Anlässe
|
|
- ✅ Engagement-Tracking
|
|
|
|
### Business Management
|
|
- ✅ Vollständiger Business Plan
|
|
- ✅ Finanzplanung und Prognosen
|
|
- ✅ Marketing-Strategie
|
|
- ✅ Operative Abläufe
|
|
|
|
## 📁 Projektstruktur
|
|
|
|
```
|
|
florale-emotion/
|
|
├── src/ # Angular Frontend
|
|
│ ├── app/
|
|
│ │ ├── components/ # Wiederverwendbare Komponenten
|
|
│ │ ├── pages/ # Seiten-Komponenten
|
|
│ │ └── services/ # Angular Services
|
|
│ ├── assets/ # Statische Assets
|
|
│ └── styles.scss # Globale Styles
|
|
├── backend/ # Node.js Backend
|
|
│ ├── server.js # Express Server
|
|
│ └── package.json # Backend Dependencies
|
|
├── social-media-bot/ # Social Media Automatisierung
|
|
│ ├── bot.js # Haupt-Bot Logik
|
|
│ └── package.json # Bot Dependencies
|
|
├── templates/ # E-Mail & Content Templates
|
|
│ ├── email-templates.html # E-Mail Templates
|
|
│ └── social-media-content.md # Social Media Content
|
|
├── docs/ # Dokumentation
|
|
│ ├── business-plan.md # Vollständiger Business Plan
|
|
│ └── gitea-setup.md # Gitea Konfiguration
|
|
└── README.md # Diese Datei
|
|
```
|
|
|
|
## 🛠️ Installation & Setup
|
|
|
|
### Voraussetzungen
|
|
- Node.js (v16+)
|
|
- Angular CLI
|
|
- Git
|
|
- Mailbox.org Account
|
|
- Gitea Server (optional)
|
|
|
|
### 1. Repository klonen
|
|
```bash
|
|
git clone https://github.com/your-username/florale-emotion.git
|
|
cd florale-emotion
|
|
```
|
|
|
|
### 2. Frontend Setup
|
|
```bash
|
|
# Dependencies installieren
|
|
npm install
|
|
|
|
# Development Server starten
|
|
npm start
|
|
|
|
# Build für Produktion
|
|
npm run build
|
|
```
|
|
|
|
### 3. Backend Setup
|
|
```bash
|
|
cd backend
|
|
|
|
# Dependencies installieren
|
|
npm install
|
|
|
|
# Umgebungsvariablen konfigurieren
|
|
cp .env.example .env
|
|
# .env Datei mit echten Werten ausfüllen
|
|
|
|
# Server starten
|
|
npm start
|
|
```
|
|
|
|
### 4. Social Media Bot Setup
|
|
```bash
|
|
cd social-media-bot
|
|
|
|
# Dependencies installieren
|
|
npm install
|
|
|
|
# Umgebungsvariablen konfigurieren
|
|
cp env.example .env
|
|
# .env Datei mit API-Tokens ausfüllen
|
|
|
|
# Bot testen
|
|
npm run test
|
|
|
|
# Scheduler starten
|
|
npm start
|
|
```
|
|
|
|
## ⚙️ Konfiguration
|
|
|
|
### E-Mail Setup (mailbox.org)
|
|
1. Mailbox.org Account erstellen
|
|
2. E-Mail-Adressen einrichten:
|
|
- info@florale-emotion.de
|
|
- veronika@florale-emotion.de
|
|
- corinna@florale-emotion.de
|
|
3. SMTP-Einstellungen in `.env` konfigurieren
|
|
|
|
### Gitea Ticket-System
|
|
1. Gitea Server installieren (siehe `docs/gitea-setup.md`)
|
|
2. Benutzer "veronika" und "corinna" erstellen
|
|
3. Repository "tickets" erstellen
|
|
4. API-Token generieren und in Backend konfigurieren
|
|
|
|
### Social Media Accounts
|
|
1. Business-Accounts erstellen:
|
|
- Instagram Business Account
|
|
- Facebook Business Page
|
|
- TikTok Business Account
|
|
- Mastodon Account
|
|
- YouTube Channel
|
|
2. API-Tokens/Credentials beschaffen
|
|
3. Bot-Konfiguration anpassen
|
|
|
|
## 📊 Business Plan
|
|
|
|
Der vollständige Business Plan ist in `docs/business-plan.md` verfügbar und umfasst:
|
|
|
|
- **Executive Summary**
|
|
- **Marktanalyse**
|
|
- **Geschäftsmodell**
|
|
- **Marketing-Strategie**
|
|
- **Finanzplanung**
|
|
- **Risiko-Analyse**
|
|
- **Meilensteine & Ziele**
|
|
|
|
### Wichtige Kennzahlen
|
|
- **Zielmarkt:** Deutschland (lokaler Fokus)
|
|
- **Startkapital:** 100.000€
|
|
- **Break-Even:** Monat 5-6
|
|
- **Jahr 1 Umsatz:** 198.000€
|
|
- **Jahr 3 Umsatz:** 420.000€
|
|
|
|
## 🎯 Zielgruppen
|
|
|
|
### Primäre Zielgruppen
|
|
1. **Brautpaare (25-40 Jahre)**
|
|
- Budget: 800€ - 3.000€ für Blumen
|
|
- Wert auf Individualität und Qualität
|
|
|
|
2. **Trauerfamilien**
|
|
- Budget: 200€ - 1.500€
|
|
- Bedürfnis nach würdevoller Begleitung
|
|
|
|
3. **Unternehmen**
|
|
- Budget: 500€ - 5.000€
|
|
- Corporate Events und Firmenfeiern
|
|
|
|
## 📈 Marketing-Strategie
|
|
|
|
### Online-Marketing
|
|
- **Website:** SEO-optimiert mit Portfolio
|
|
- **Social Media:** 3-4 Posts/Woche auf allen Plattformen
|
|
- **Content-Marketing:** Tipps, Tutorials, Behind-the-Scenes
|
|
- **Google My Business:** Lokale SEO
|
|
|
|
### Offline-Marketing
|
|
- **Hochzeitsmessen:** Networking und Kundengewinnung
|
|
- **Kooperationen:** Eventlocations, Hochzeitsplaner
|
|
- **Print-Marketing:** Flyer, Visitenkarten
|
|
|
|
## 🔧 Technische Details
|
|
|
|
### Frontend (Angular)
|
|
- **Framework:** Angular 17
|
|
- **Styling:** Tailwind CSS
|
|
- **Routing:** Angular Router
|
|
- **Forms:** Reactive Forms
|
|
- **HTTP:** Angular HttpClient
|
|
|
|
### Backend (Node.js)
|
|
- **Framework:** Express.js
|
|
- **E-Mail:** Nodemailer
|
|
- **API-Calls:** Axios
|
|
- **Environment:** dotenv
|
|
|
|
### Datenbank
|
|
- **Tickets:** Gitea (Git-basiert)
|
|
- **E-Mails:** SMTP (mailbox.org)
|
|
- **Analytics:** Google Analytics (optional)
|
|
|
|
## 📱 Social Media Content
|
|
|
|
### Content-Kategorien
|
|
- **Hochzeiten:** Brautsträuße, Kirchenschmuck
|
|
- **Trauerfloristik:** Würdevolle Arrangements
|
|
- **Corporate:** Professionelle Event-Dekoration
|
|
- **Tipps:** Blumenpflege und Ratgeber
|
|
- **Behind-the-Scenes:** Arbeitsprozesse
|
|
|
|
### Posting-Zeitplan
|
|
- **Montag:** Motivation/Inspiration
|
|
- **Mittwoch:** Tipps & Ratgeber
|
|
- **Freitag:** Portfolio/Projekte
|
|
- **Sonntag:** Behind-the-Scenes
|
|
|
|
## 🚀 Deployment
|
|
|
|
### Frontend Deployment
|
|
```bash
|
|
# Build erstellen
|
|
ng build --prod
|
|
|
|
# Auf Webserver deployen
|
|
# Dateien aus dist/ Ordner hochladen
|
|
```
|
|
|
|
### Backend Deployment
|
|
```bash
|
|
# PM2 für Prozess-Management
|
|
npm install -g pm2
|
|
|
|
# Server starten
|
|
pm2 start backend/server.js --name "florale-emotion-backend"
|
|
|
|
# Auto-Start konfigurieren
|
|
pm2 startup
|
|
pm2 save
|
|
```
|
|
|
|
### Domain & SSL
|
|
1. Domain florale-emotion.de registrieren
|
|
2. DNS auf Server zeigen lassen
|
|
3. SSL-Zertifikat installieren (Let's Encrypt)
|
|
4. HTTPS-Weiterleitung einrichten
|
|
|
|
## 📞 Support & Kontakt
|
|
|
|
### Team
|
|
- **Veronika:** Floristmeisterin & Geschäftsführung
|
|
- **Corinna:** Floristin & Eventplanung
|
|
|
|
### Kontakt
|
|
- **E-Mail:** info@florale-emotion.de
|
|
- **Website:** https://florale-emotion.de
|
|
- **Instagram:** @florale_emotion
|
|
|
|
## 📄 Lizenz
|
|
|
|
Dieses Projekt ist für den internen Gebrauch von Florale Emotion bestimmt.
|
|
|
|
## 🙏 Danksagungen
|
|
|
|
Entwickelt mit ❤️ für Florale Emotion - Blumen für besondere Momente.
|
|
|
|
---**Nächste Schritte:**
|
|
1. [ ] Domain registrieren
|
|
2. [ ] Hosting einrichten
|
|
3. [ ] E-Mail-Accounts erstellen
|
|
4. [ ] Social Media Accounts erstellen
|
|
5. [ ] Gitea Server installieren
|
|
6. [ ] Website deployen
|
|
7. [ ] Marketing starten
|