Project 02 / 15 · Cloud / Full Stack / ERP

LeoManage · Leo Club Workspace

An all-in-one club ERP & financial operations platform bringing treasury reporting, project submissions, review workflows and multi-role workspaces into one system.

Next.jsReactTypeScriptSupabasePostgreSQLVercelTailwind CSS

Project post on LinkedIn

LeoManage V2 official club workspace portal for the Leo Club of SLTC · Click to view full size

The project.

LeoManage was developed to solve real operational and financial reporting needs for the Leo Club of SLTC, where I serve as Treasurer. Managing monthly reports, budgeting, project expenses and club administration manually across multiple channels was time-consuming and fragmented.

To bring structure and ease to club operations, I engineered LeoManage—a centralized web platform unifying club reporting, project documentation and administrative workflows. The platform automates financial calculations, streamlining treasury monthly reports with instant editable Word and PDF exports.

Version 2 is live in production, featuring a refreshed UI, role-based dedicated workspaces for the President, Secretary, Directors and design team, Google Drive integration for club assets, and live published view-only report links.

What it does.

Automated Treasury Reporting

Monthly treasurer reports with automatic calculations and instant exports to editable Word and PDF formats.

Director Project Submissions

Streamlined forms for director project submissions, line-item budgets, expense tracking and supporting documents.

Review & Approval Workflows

Multi-stage review and approval pipeline connecting Directors, Treasurer, Secretary and President.

Role-Based Workspaces

Dedicated secure portals tailored for President, Secretary, Directors, Treasurer and the Design Team.

Cloud Document Sync

Google Drive integration organizing club documents, assets and receipts into structured cloud archives.

Live Report Links & Dual Themes

View-only report sharing links that reflect live published changes, with responsive mobile/desktop layouts in light and dark modes.

How it comes together.

Frontend Architecture → Next.js, React and TypeScript deliver high-performance, accessible multi-role portal layouts.

Backend & Database → Supabase and PostgreSQL manage real-time relational club data, authentication and role-based permissions.

Deployment & Cloud → Hosted on Vercel with automated CI/CD and production cloud scaling.

A closer look.

Open an image to see the full detail. Use the arrow keys to move through the gallery.