Vowsuite

I needed a CRM and content delivery solution for small business operations requiring client management, project tracking, payment processing, and media gallery functionality.

The challenge was building a production-ready application while I learned advanced full-stack development concepts, requiring several architectural iterations as my own knowledge evolved.

This project required mastering complex concepts including database relationships, authentication systems, file management, and modern web app development patterns.

I developed a comprehensive business management platform through iterative architectural design, spanning 4 years. The application progressed from a basic React/MongoDB implementation to a more sophisticated Next.js/PostgreSQL architecture as the features grew.

I implemented comprehensive CRM functionality, including client management, project tracking, payment processing through Stripe, customizable media galleries, and team collaboration and security features.

I used each iteration as an opportunity to learn emerging and interesting frameworks, while growing my understanding of what the application could be, and ultimately building toward a production-ready final product for business use.

• I built the final architecture using Next.js 15 with React 19 with SSR, TypeScript, Prisma ORM, and a big PostgreSQL database with 50+ interconnected tables
• I implemented my own authentication system with JWT tokens, secure file uploading and playback with AWS integration, and data synchronization across the full stack using react-query patterns
• I developed advanced frontend features including dynamic SSR, robust form validation with react-hook-form and Zod, and a responsive UI component library with shadcn/ui and Tailwind CSS
• I established a complete CI/CD pipeline using Vercel and GitHub Actions, and another self-hosted deployment with Docker containerization and custom automation scripts

v2 user dashboard with seed data for development

Dynamic, responsive, svg based fluid animation of UI components within the hero banner

v2 of the marketing site is built with CMS architecture and reusable components

Rich text editing, clean and modern UI - these notes are stored securely and only accessible by authorized users

Project details view shows tabs for managing projects - including managing communication with SMTP and SMS

Vowsuite grew to be a complete CRM, with lead tracking stages for projects

Early v2 prototype of the user dashboard

Early v2 user onboarding

Editing an uploaded video's thumbnail in v1 of Vowsuite

What the client sees in v1 of Vowsuite when a media gallery is delivered

Early v1 homepage of the Vowsuite marketing site

Previous slideNext slide

I successfully created a production-ready CRM platform with zero-downtime deployment, which I add features to regularly. The comprehensive type safety throughout, combined with modern frontend development patterns, has virtually eliminated runtime errors.

Through the power of modern development tools and strong typing with TypeScript, I am able to achieve rapid feature development without extensive testing.

The platform currently handles complex business operations including client communications, project management, payment processing, and media delivery. This demonstrates my ability to build and maintain enterprise-level applications independently.

Throughout the multi-year evolution of this project, my skills with JavaScript-based web development frameworks have grown tremendously, and with the recent versions I have been able to demonstrate my mastery of the complete modern web development stack.