# 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.

## 🙏 DanksagungenEntwickelt 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