Case study

Dot Business

Dot Business is a business banking platform for businesses to manage their finances. I owned the frontend: the web dashboard teams used to manage finances and customers—UI architecture, performance, and data-heavy views—while backend and platform services were built by other engineers.

Visit live site

The Challenge (The “Why”)

On the frontend, the banking dashboard had to feel as polished as consumer apps: intuitive money-management workflows on desktop and mobile, fast first loads on slower networks, and clear client-side data visualization so businesses could trust what they saw—without pushing complexity onto users that belonged in APIs or services I did not own.

The Technical Strategy (The “How”)

I built the dashboard UI in Next.js with Tailwind CSS. TanStack Query loaded and cached data that came straight from the banking APIs—account information and similar read-heavy resources (contracts owned elsewhere). Redux Toolkit managed application state and complex form flows that had to stay coherent and survive refreshes, including multi-step work like bulk transfers. Performance work was entirely in the browser bundle and assets: route- and component-level code splitting, plus image and video optimization on the heaviest views. Framer Motion was used sparingly so motion helped readability without bloating the client. For deployment I packaged the Next.js app in Docker using standalone output (next.config output: "standalone") and a multi-stage Dockerfile so the production image landed around 85MB instead of roughly 2GB without standalone—smaller pulls, faster CI/CD, and a clearer story for DevOps. I wrote up the approach in more detail here: https://dev.to/angojay/optimizing-nextjs-docker-images-with-standalone-mode-2nnh

The Key Features & Contributions

Spearheaded the frontend development of the company's business banking application, architecting intuitive workflows, optimizing mobile performance, and building highly interactive data visualization dashboards, used by over hundreds of businesses.
Implemented code splitting and image and video optimization techniques to reduce the initial load of a core company product by 25%, resulting in a 3-second faster loading time on mobile devices.
Architected scalable and maintainable front-end solutions, aligning business goals with the UI while partnering with design and back-end teams on contracts, handoffs, and integration—without owning server or data-store implementation.
Owned the frontend Docker deployment path: Next.js standalone mode plus multi-stage builds cut the runnable image from roughly 2GB down to about 85MB.

The Impact (The “Results”)

The banking web app’s frontend supports 100+ businesses day to day, with measurable mobile wins (roughly 25% lighter initial load and about 3 seconds faster to usable UI on key flows). Lean Docker images (about 85MB vs roughly 2GB pre-standalone) made releases and registry operations materially faster.

Technical Stack

React Next.js Tailwind CSS TanStack Query Redux Toolkit Framer Motion Docker