coderqh

Crewora — Flutter Team Task Board App with Firebase and Laravel Admin

One board. The whole crew, live.

Crewora — Flutter Team Task Board App with Firebase and Laravel Admin

The live preview on CodeCanyon is this app compiled for the web: the real build, not a video.

A team task board for small crews: the owner sets up the columns and their limits, teammates join with a six letter code on their own phones, and every card move shows up on everyone's board the same second. Daily standup and flow numbers live in the same app. Your Firebase project, your brand.

What it does well

from the app
Columns with a real limit — Crewora screen

Columns with a real limit

Each column header is a row of pin holes. Every card that lands there takes one. When the holes are full the column is full, and the card you are dragging says so before you let go.

Standup on everyone's phone at once — Crewora screen

Standup on everyone's phone at once

Tap Start and the crew sees who is up, what they pulled and what is blocking them, in the same order, live. Pass the pin and the next teammate is up on every screen.

Flow numbers, not a dashboard — Crewora screen

Flow numbers, not a dashboard

Cards finished this week, the median time a card spends on the board, and the oldest card still pinned, each as one big number with a plain sentence under it. A card's pin casts a longer shadow the longer it sits.

What it looks like

10 images
Cards — Crewora
Cards
Standup — Crewora
Standup
Flow — Crewora
Flow
Crew — Crewora
Crew
The rest — Crewora
The rest
Light and dark — Crewora
Light and dark
Morning — Crewora
Morning
Built for developers — Crewora
Built for developers
Admin — Crewora
Admin
Landing — Crewora
Landing

In the box

from the shipped zip
  • Full Flutter source in crewora_app/, no obfuscation and no licence server
  • Offline HTML documentation: setup, re-theming, app name and bundle id, troubleshooting
  • The back end, with full source: Firebase, with a Laravel admin
  • Back-end setup notes for Docker and for shared hosting
  • A one-page landing site for the app, ready to host
  • 16 Dart test files in the app

Run it after download

the app
# unzip the download, then
$ cd crewora_app
$ flutter pub get
$ flutter run

The app runs on its bundled demo data first. The back end has its own README for Docker and for shared hosting, and the app keeps working without it.

Spec

measured
Screen widgets18
Dart files110
Tests in the package16
Dart SDK^3.7.0
Back endFirebase, with a Laravel admin
PlatformsiOS + Android, one codebase

Counted from crewora-v1.0.zip, the file uploaded to CodeCanyon. Screen widgets are the view, screen and page classes in the source, so the number can differ slightly from a count of routes.

Questions

Something else? Ask on the item's CodeCanyon page; the author answers there.

Does every teammate need an account?

Only the board owner does. Teammates join with the board code and a name through anonymous sign in, pick a pin colour, and can attach an email later to keep their boards across phones.

How is the work in progress limit enforced?

In the app, by the same pure Dart engine on every phone: a move into a full column is refused before it is written. The Firestore rules keep card writes to members of the board and column changes to the owner. The documentation has a chapter on exactly where that line sits.

What does the Laravel back end do?

It is a Filament admin panel that reads and edits the same Firebase project from a browser: boards, cards, members and sign in users. The app talks to Firebase directly, so the panel is for you, the operator, and it ships with a Docker file and an install script.

See Crewora on CodeCanyon →

Sold on Envato's CodeCanyon marketplace, which handles payment, VAT, invoices and the download.