Case Studies

Projects I've shipped

Detailed breakdowns of production systems I've helped build, scale, and maintain — across SaaS, enterprise, consumer, and EdTech domains.

SaaS AI Platform

SEO Genie

AI-powered SEO content platform

seogenie.co.uk

Overview

SEO Genie is an AI-powered SaaS platform that generates SEO-optimized long-form content from keyword inputs. It combines keyword research, competitor analysis, AI-driven article generation, scoring, analytics, and automated publishing into a single, streamlined workflow.

Problem

Manual SEO content creation was slow, inconsistent, and difficult to scale. Existing tools couldn't meet modern SEO quality standards and lacked the automation needed to produce high-volume, high-quality content consistently.

Impact at a glance

  • Reduced article creation time from hours to minutes through automated AI workflows
  • Improved SEO scores and indexing speeds across all generated content
  • Enabled self-serve content production at scale with minimal manual intervention
What I Did
  • Owned the frontend delivery for onboarding, keyword research, article generation, and analytics — built entirely in React + TypeScript
  • Led implementation of multi-step AI workflows with real-time progress tracking and graceful error recovery
  • Integrated SEO scoring, plagiarism reports, and configurable generation options into the content pipeline
  • Implemented subscription management with tiered plans and upgrade flows using Stripe
  • Supported automated publishing pipelines through AWS EventBridge integrations
  • Handled authentication across AWS Cognito and Google OAuth
  • Collaborated closely with backend, AI, and product teams to deliver end-to-end features
Technical Complexity

The platform required managing asynchronous AI-driven workflows, handling subscription edge cases across multiple tiers, rendering large dynamic forms and tables, and integrating several third-party APIs including OpenAI and Semrush. The combination of real-time state changes, background processing, and payment logic demanded careful architecture decisions.

Impact

Following the launch, article creation time was reduced dramatically — what previously took hours could be completed in minutes. SEO scores and indexing speeds improved significantly across content generated through the platform.

SEO Genie - Dashboard Overview
Main dashboard showing keyword research pipeline and content generation status
SEO Genie - Article Generator
AI article generation workflow with multi-step progress tracking
SEO Genie - SEO Scoring
Real-time SEO scoring and optimization suggestions for generated content
SEO Genie - Analytics View
Content performance analytics with indexing and ranking metrics
SEO Genie - Subscription Plans
Tiered subscription management with Stripe-powered billing
ReactTypeScriptRedux ToolkitAWS CognitoStripeEventBridgeTailwind CSS
Enterprise Workforce Management

PayrollEzy

Workforce management & payroll platform

Internal product

Overview

PayrollEzy is a workforce management and payroll platform designed for hospitality businesses operating across multiple locations. It streamlines scheduling, timesheets, payroll processing, and compliance across distributed teams.

Problem

Manual scheduling and payroll processes were causing frequent errors, compliance risks, and operational inefficiencies — especially for businesses managing staff across different time zones and locations.

Impact at a glance

  • Significantly reduced administrative overhead for multi-location scheduling
  • Improved payroll accuracy, lowering compliance-related issues
  • Enabled managers to handle bulk operations that previously required manual workarounds
What I Did
  • Primary frontend contributor — built and maintained scheduling, timesheet, and analytics dashboard modules in React
  • Implemented role-based access control (RBAC) flows for managers, admins, and employees
  • Designed calendar-heavy UIs with bulk action capabilities and scheduling templates
  • Owned timezone-sensitive logic for scheduling, shift calculations, and payroll processing
  • Integrated real-time notifications using Firebase Cloud Messaging
  • Optimized data-heavy views for performance — tables with thousands of rows, complex filters, and batch operations
Technical Complexity

The system manages multiple user roles with different permission levels, timezone-aware calculations across locations, large analytics datasets, and integrations with external accounting platforms like Xero, MYOB, QuickBooks, and Stripe for payment processing.

Impact

Administrative overhead was reduced significantly, with managers spending considerably less time on manual scheduling. Payroll accuracy improved markedly, reducing compliance-related issues across locations.

PayrollEzy - Schedule View
Weekly scheduling view with drag-and-drop shift management
PayrollEzy - Timesheet Dashboard
Timesheet overview with real-time attendance tracking
PayrollEzy - Payroll Processing
Automated payroll calculations with multi-location support
PayrollEzy - Analytics
Workforce analytics dashboard with labor cost insights
PayrollEzy - Settings & RBAC
Role-based access control and location settings management
ReactReduxFirebaseMUISCSSXero APIStripe
Consumer Skincare

Heyday

Consumer skincare brand platform

heydayskincare.com

Overview

Heyday is a consumer-facing skincare brand platform with a strong focus on UX precision, visual polish, and performance. The frontend needed to reflect the brand's premium positioning while maintaining fast load times under real user traffic.

Impact at a glance

  • Delivered pixel-perfect, performant UI matching the brand's premium positioning
  • Achieved fast load times and smooth interactions under real user traffic
  • Maintained consistent quality across all devices and browsers
What I Did
  • Led frontend implementation — translated high-fidelity designs into production-ready React components with pixel-level accuracy
  • Ensured responsive behavior and accessibility across all device sizes and browsers
  • Focused on performance optimization — smooth interactions, fast paint times, and efficient rendering
  • Integrated frontend features with backend APIs for product data, booking, and user flows
  • Iterated quickly with design and product stakeholders to refine interactions and visual details
Emphasis

This project was driven by product quality, UX precision, and performance under real user traffic. Every component was built with attention to visual consistency and interaction smoothness — the kind of detail work that distinguishes production frontends from prototypes.

Heyday - Homepage
Brand homepage with responsive hero and product showcase
Heyday - Product Pages
Product detail pages with smooth image galleries and booking integration
Heyday - Booking Flow
Seamless booking flow designed for mobile-first conversion
Heyday - Mobile Experience
Mobile-optimized experience with touch-friendly interactions
Heyday - Locations
Location finder with map integration and real-time availability
ReactJavaScriptSCSSResponsive DesignREST APIs
EdTech Cybersecurity

CySource

Cybersecurity training & certification platform

cysrc.com

Overview

CySource is a large-scale EdTech platform for cybersecurity training, offering courses, interactive labs, exams, certifications, and live sessions. The platform serves multiple user types including students, instructors, and administrators.

Problem

The existing platform suffered from architectural issues, a high bug rate, and slow feature delivery. The codebase needed significant restructuring to support the product roadmap and scale reliably.

Impact at a glance

  • Reduced bug rate and improved feature delivery velocity through architectural refactoring
  • Established coding standards that improved team consistency and onboarding
  • Increased deployment confidence through better testing and review processes
What I Did
  • Led frontend architecture refactoring for long-term maintainability and scalability
  • Improved dashboards, course flows, exam interfaces, and admin management panels
  • Established coding standards, documentation practices, and review processes
  • Worked alongside backend and DevOps teams to improve system stability and deployment confidence
Technical Complexity

The platform manages multiple user roles with complex permission matrices, stateful learning flows that track progress across courses and labs, secure video streaming for course content, and Kubernetes-backed lab environments that spin up isolated instances for each student.

CySource - Course Dashboard
Student dashboard showing course progress and upcoming sessions
CySource - Lab Environment
Interactive lab environment with real-time terminal access
CySource - Exam Interface
Secure exam interface with timed assessments and proctoring
CySource - Admin Panel
Admin management panel for courses, users, and certifications
CySource - Live Sessions
Live session interface with video streaming and chat integration
ReactTypeScriptReduxSCSSSocket.IOKubernetes
Browser Extension Chrome Firefox Personal Project

Keka Checkout Checker

Browser extension for Keka HRMS users

keka-checkout-checker.dharmitlakhani.in

Overview

Keka Checkout Checker helps users of the Keka HRMS platform calculate optimal checkout times, track effective working hours, and visualize monthly work patterns — all directly within the browser.

Impact at a glance

  • Built and shipped as a production-grade personal project with real users
  • Cross-browser compatible across Chrome and Firefox with a unified codebase
  • Privacy-first — operates locally using the active session, no external data transmission
What Makes This Notable
  • Built entirely as a production-grade personal project with real users
  • Manages complex UI state, calculations, and local persistence under browser extension constraints
  • Cross-browser compatible across Chrome and Firefox with a unified codebase
  • Privacy-first architecture — operates locally using the active session, no external data transmission
  • Includes theming, analytics views, and configurable settings
This Demonstrates
Systems thinking
Full ownership
Platform fluency
Privacy-conscious
ReactBrowser APIsChrome ExtensionFirefox Add-onLocal Storage

Get in touch

Let's work together

I'm open to senior frontend roles, interesting product challenges, and teams that value engineering quality. Feel free to reach out.

hello@dharmitlakhani.in