diff --git a/README.md b/README.md index 94bccf0..438b2c8 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,293 @@ -# florale-emotion +# 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