---
title: "Baustellenplaner - Project"
canonical_url: "https://robocitrus.com/en/projects/baustellenplaner"
last_updated: "2026-06-10T01:30:56.089Z"
locale: en
meta:
  description: "Baustellenplaner: Complete ecosystem for fiber optic construction with mobile app (Android & iOS), web dashboard, and backend from one codebase."
  "og:description": "For a fiber optic civil engineering company, I developed a complete digital ecosystem: a mobile app for Android and iOS, a web dashboard for management, and a powerful backend. All from a unified codebase. The system replaces outdated processes and WhatsApp workflows with a well-designed digital solution for office and construction site."
  "og:title": "Baustellenplaner - Portfolio Projekt von Maximilian Flechtner"
---

RoboCitrus - Home

**Ecosystem: App, Web Dashboard & Backend**

# **Baustellenplaner**

For a fiber optic civil engineering company, I developed a complete digital ecosystem: a mobile app for Android and iOS, a web dashboard for management, and a powerful backend. All from a unified codebase. The system replaces outdated processes and WhatsApp workflows with a well-designed digital solution for office and construction site.

![Baustellenplaner](https://robocitrus.com/cdn-cgi/image/w=3840,f=png,q=75/images/baustellenplaner-2.webp)

**01**

## **Über das Projekt **

Baustellenplaner is more than an app. It's a complete ecosystem for managing and documenting fiber optic house connections. All components work together and share a single codebase.

- Mobile app (Android & iOS) for field workers: Document photos, sketches, and notes on-site, even without internet.
- Web dashboard for admins: Manage orders, schedule crews, CSV import/export, and billing.
- Serverpod backend: Connects app and dashboard, syncs data reliably, and ensures consistent workflows.
- Automatic photo naming by street and house number.
- Status management with configurable workflows and tag-based filtering.

The design philosophy was clear from day one: this is a tool, not a showpiece. The app has to work on construction sites, with dirty hands and bad lighting. Big buttons, clear structure, no frills. It's not meant to win a design award, it's meant to make the workday easier.

The result: A system where office and construction site work together. Onboarding for everyone involved is minimal.

![About Project](https://robocitrus.com/cdn-cgi/image/w=3840,f=png,q=75/images/baustellenplaner-2.webp)

**02**

## **Technische Details **

### Technical Implementation

The entire ecosystem was built in Full-Stack Dart. One language for app, web dashboard, and backend. That means fast iterations and a clean, maintainable codebase.

- Flutter app (Android, iOS & Web) with Clean Architecture and BLoC pattern.
- Serverpod backend (Full-Stack Dart) with PostgreSQL and Redis.
- Offline-first: SQLite caching with WorkManager for background synchronization.
- CSV import with upsert logic based on order number.
- PDF generation for reports and billing.
- Role-based access control (Admin vs. field worker).

### Challenges

The biggest challenge was offline capability. Construction sites often lack stable internet. The app needs to store data locally and sync reliably when connected, without data loss or conflicts.

With Full-Stack Dart, data model changes could be implemented in minutes instead of hours. A single change propagates instantly across app, dashboard, and backend.

![Technical Details](https://robocitrus.com/cdn-cgi/image/w=3840,f=png,q=75/images/baustellenplaner-3.webp)

**03**

## **Ergebnisse **

### Results

The ecosystem is in the rollout phase with the client:

- Complete replacement of outdated, manual processes with a unified system.
- Structured construction documentation instead of WhatsApp chaos.
- More efficient crew planning and order management via the web dashboard.
- Reliable offline documentation on the construction site with automatic synchronization.

A planned six-month integration phase will further refine the system together with the client during day-to-day operations. The goal: software precisely tailored to this company's workflows and requirements, so every step is efficient and real time is saved.

Modern technology makes it possible to build tailored solutions like this quickly and cost-effectively. Companies can improve their processes and entire daily operations with software that actually fits their needs.

![Project Results](https://robocitrus.com/cdn-cgi/image/w=3840,f=png,q=75/images/baustellenplaner-4.webp)