Constru Platform

Construction workflow management platform.

Overview

A full-stack platform for managing construction projects: lots, houses, rooms, budgets, and payments. Web dashboard (Next.js) for planning and editing; mobile app (Expo / React Native) for on-site use. Backend API (Fastify, Prisma, PostgreSQL) with JWT auth, Mercado Pago integration, and PDF generation for budgets.

Problem

Construction workflows require planning (lots, floor plans, room types), cost estimation, and payment tracking. Clients and teams need a clear dashboard and a mobile-friendly way to view and share budgets.

Solution

Web app: create lots and houses, drag-and-drop rooms, generate budgets and PDFs, manage payments (PIX, card, boleto). Mobile app: view projects, open PDFs, sync with backend. API: Clean Architecture with controllers, use-cases, repositories; JWT auth; webhooks for payment status.

Tech Stack

Next.jsReactTypeScriptTailwindExpoReact NativeFastifyPrismaPostgreSQLJWTMercado PagoBrevoPuppeteer

Architecture

Backend: Fastify, Prisma, PostgreSQL, use-cases and repositories. Web: Next.js App Router, Tailwind, drag-and-drop (dnd-kit). Mobile: Expo Router, Redux Toolkit, NativeWind. See the architecture section for diagrams and details.

View architecture

Screenshots

Screenshots from the real workflow. UI copy is in Portuguese because the first release was designed for a Brazilian audience (PT-BR).

Minha Casa mobile login screen
Login screen
Minha Casa mobile budget screen with PDF preview
Budget and PDF screen
Minha Casa web landing page
Landing page screen 1
Minha Casa web landing page
Landing page screen 2
Minha Casa web landing page
Landing page screen 3
Minha Casa web login
Login screen
Minha Casa web create house screen 1
Create house screen 1
Minha Casa web create house screen 2
Create house screen 2