Skip to content
N. Pono
← All work

01 / 05Laravel + Inertia React business application

Eleve Architects Accounting

Designed and built independently for Eleve Architects.

Client
Eleve Architects
Delivered by
Independent
My role
Sole designer & developer
Stack
Laravel 13 · Inertia.js · React 19 · TypeScript · MySQL · Tailwind CSS 4 · Fortify · Cloudflare R2
Scope
Product design, full-stack build, auth, finance workflows, storage
Live
Internal — not public
eleve-accounting · internal
Eleve billing module: a list of 48 billings beside one draft invoice with its line items and total.

01Overview

Eleve Architects Accounting is a Laravel monolith with an Inertia React frontend, built for internal client-profile, project, billing, expense and administrator workflows.

02Challenge

The firm needed a secure internal application that could handle finance-facing CRUD modules, authenticated admin workflows, public invoice payment steps and file-backed operations — without splitting the system into disconnected services.

03My role

I designed and built the whole product: authenticated workflows, role-aware CRUD modules, billing and expense operations, and the storage behind uploads, logos and payment proofs.

04Architecture

  1. L1

    Inertia + React 19 app shell

  2. L2

    Laravel 13 monolith — routes, validation, policies

  3. L3

    MySQL · in-memory SQLite for tests

  4. L4

    Mail · PDF · R2-ready file storage

05Key challenges

  1. 01Centralising authorisation so sidebar visibility and actual route access stay consistent for every role.
  2. 02Handling public invoice payment proofs and internal finance review without exposing the rest of the application.
  3. 03Supporting local public storage and Cloudflare R2-ready deployment paths for logos and finance files.
  4. 04Keeping a growing Laravel and React codebase stable with feature tests across auth, roles, projects, expenses, billing and settings.

06Decisions

  1. 01A Laravel monolith with Inertia instead of separate API and frontend applications.
  2. 02No self-service registration — /login is the entry point for a controlled internal tool.
  3. 03Sidebar rendering and route access driven from one Laravel navigation registry, so authorisation lives in one place.
  4. 04MySQL for development, in-memory SQLite to keep the test suite fast.

07Result

A working internal ledger that combines authentication — including two-factor and passkeys — authorisation, finance workflows, file handling and test coverage in one coherent Laravel application.

08Screens

eleve-accounting · internal
Eleve quotations: 30 priced proposals with client, validity dates, grand totals and a follow-up status for each.
eleve-accounting
Eleve billings on a phone: billing actions, search and the 48-billing list.

Next project

Lexibook

Drupal + Next.js commerce platform · Rush Hour Digital