Back to Timeline
SaaSFeb 2023 - Dec 2023

BlockOffice

Full-Featured Back Office & Investor Relations SaaS

BlockOffice is a comprehensive enterprise platform that modernizes back-office operations for startups. The Next.js frontend uses MUI (Material UI) with Emotion for theming, ApexCharts for financial visualization, Auth0/Amazon Cognito for authentication, Firebase for real-time features, and Framer Motion for animations. It includes rich text editing (React Quill), PDF rendering (react-pdf, @react-pdf/renderer), drag-and-drop (Hello Pangea DnD), organizational charts, data grids (@mui/x-data-grid), and internationalization (i18next). The Go backend handles business logic with PostgreSQL migrations and comprehensive API documentation.

Tech Stack

Next.jsTypeScriptMUIApexChartsAuth0FirebaseFramer MotionGoPostgreSQL

Category

SaaS
PeriodFeb 2023 - Dec 2023

Core Contribution

Led the frontend engineering: implemented complex data-heavy UIs with MUI, built financial dashboards with ApexCharts, integrated Auth0/Cognito authentication, PDF viewing and generation, rich text editing with React Quill, drag-and-drop Kanban boards, and organizational charts. Implemented i18n support with i18next and Playwright end-to-end tests. Worked with the Go backend team on API integration.

Project Overview

A B2B SaaS platform providing startups with professional-grade back-office tools. BlockOffice handles everything from pitch deck sharing to investor updates, financial modeling, and compliance documentation, all behind a modern MUI-based interface with Auth0/Cognito security.

Technical Highlights

01

MUI (Material UI) with @mui/x-data-grid for data tables

02

ApexCharts financial visualization dashboards

03

Auth0 + Amazon Cognito + Firebase authentication

04

Rich text (React Quill) & PDF rendering (@react-pdf)

05

Drag-and-drop (Hello Pangea DnD) & organizational charts

06

Go backend with PostgreSQL & comprehensive API docs