Go to file
Julian Vollmer cc65816ef9
Build, Push and Deploy Florale Emotion Website / feature-branch (push) Has been skipped Details
Build, Push and Deploy Florale Emotion Website / production-branch (push) Failing after 2m4s Details
pipeline #6
2026-01-26 17:17:55 +01:00
.gitea/workflows pipeline #6 2026-01-26 17:17:55 +01:00
business-plan business plan überarbeitet 2026-01-26 14:14:30 +01:00
website pipeline anpassungen 2026-01-26 14:26:17 +01:00
.gitignore Basis 2026-01-21 16:26:39 +01:00
DEPLOYMENT.md pipeline anpassungen 2026-01-26 14:26:17 +01:00
LICENSE Initial commit 2026-01-21 07:36:44 +00:00
README.md add pipeline 2026-01-26 14:07:52 +01:00
logo.png Add .angular/ to .gitignore and remove from git history 2026-01-21 17:17:01 +01:00

README.md

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

git clone https://github.com/your-username/florale-emotion.git
cd florale-emotion

2. Frontend Setup

# Dependencies installieren
npm install

# Development Server starten
npm start

# Build für Produktion
npm run build

3. Backend Setup

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

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:
  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

# Build erstellen
ng build --prod

# Auf Webserver deployen
# Dateien aus dist/ Ordner hochladen

Backend Deployment

# 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

📄 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