Projects

Selected case studies showing what I built, the engineering decisions involved, and the product workflows behind the implementation.

SiteCraft - SaaS Website Builder React and Next.js project preview by Keval Lad

SiteCraft - SaaS Website Builder

Independently designed and implemented a full SaaS website builder from the ground up, including the visual editor, template system, site management, publishing, custom domains, payments, SEO controls, and AI-assisted site generation.

SiteCraft is a full SaaS website-building platform that I designed and implemented independently end-to-end. I owned the product implementation across the React frontend, visual drag-and-drop editor, structured site JSON model, authentication, Supabase/PostgreSQL persistence, template system, dashboard, preview and publishing workflows, custom-domain integration with Vercel, SEO/page settings, Razorpay payments, AI-assisted site generation, export functionality, and reusable SDK/editor packages. The platform allows users to start from a template or blank project, visually build multi-page responsive websites, manage and preview changes, publish sites, connect custom domains, configure SEO, and generate initial site structure/content from AI prompts.

React
TypeScript
Vite
Tailwind CSS
Supabase
PostgreSQL
Vercel
Razorpay

Engineering impact

  • Owned the product implementation end-to-end, from editor architecture and data modeling through publishing and deployment workflows.
  • Designed a structured site model that supports reusable blocks, multi-page editing, responsive previews, and generated content.
  • Connected application, database, payments, custom domains, and deployment services into one SaaS workflow.
  • Built reusable editor and SDK packages to keep product capabilities maintainable as the platform grows.

Product capabilities

  • Visual drag-and-drop website editor with reusable content blocks and responsive previews.
  • Template gallery with categories, search, previews, and template-based site creation.
  • Site dashboard for creating, editing, previewing, and publishing websites.
  • Custom domain connection and hostname-based site resolution using Supabase and Vercel integrations.
  • Page-level SEO settings and export options for generated sites.
  • Subscription/payment flow using Razorpay and Supabase-backed payment records.
  • AI-assisted site generation from a user prompt, including generated site content and structure.

Engineering work

  • Built React interfaces and stateful editor workflows around a structured site JSON model.
  • Implemented client/server integration with Supabase authentication, database persistence, and Edge Functions.
  • Worked on custom-domain APIs, verification flow, DNS instructions, and domain-to-site resolution.
  • Developed reusable workspace packages for the SiteCraft SDK and React editor integration.
ParkLoyalty - Parking Violation Management Platform React and Next.js project preview by Keval Lad

ParkLoyalty - Parking Violation Management Platform

Currently leading frontend development for a production parking violation management platform across three connected portals, while coordinating the frontend team and handling client requirements, planning, and execution.

ParkLoyalty is a production parking violation management platform deployed across 100+ US sites and 15+ Canadian sites. I currently lead frontend development and team delivery, working directly with the client on requirement gathering, technical planning, execution, and delivery. The product includes Motorist, Processing, and Enforcement portals. The public Motorist Portal supports citation lookup, payments, payment plans, appeals, and hearing scheduling, with an ADA-compliant experience and English/French (Canada) support for Canadian users. The Processing Portal provides administrative workflows and reporting, while the Enforcement Portal supports operational workflows.

React.js
Redux
JavaScript
Accessibility (ADA)
i18n
SaaS

Engineering impact

  • Own frontend planning and delivery across a multi-portal product with complex business workflows.
  • Translate client requirements into implementation plans, break work into tasks, and coordinate execution across the frontend team.
  • Maintain consistent user flows across 100+ US sites and 15+ Canadian sites while supporting accessibility and localization requirements.
  • Work across payment, appeal, hearing, reporting, and administrative workflows where frontend correctness directly affects operational processes.

Leadership & delivery

  • Lead frontend developer responsible for planning and executing frontend work with the development team.
  • Handle client communication, requirement gathering, clarification, technical planning, and delivery coordination.
  • Break requirements into implementation tasks and coordinate execution across the frontend team.

Three connected portals

  • Motorist Portal — public-facing citation payment, payment plans, appeals, and hearing scheduling.
  • Processing Portal — administrative workflows, reporting, citation operations, and motorist-related actions.
  • Enforcement Portal — UI for parking enforcement workflows and operational users.

Frontend engineering

  • Built and maintained React/Redux interfaces across complex citation and payment workflows.
  • Worked on an ADA-compliant public portal where accessibility is a core product requirement.
  • Supported English and French (Canada) experiences for Canadian motorist users.
  • Worked across a multi-site product environment serving 100+ US sites and 15+ Canadian sites.
BOM Document Automation React and Next.js project preview by Keval Lad

BOM Document Automation

Read engineering case study

Built a full-stack document automation platform that converts Excel TBOM data into revisioned Word documents, with authenticated workflows, PostgreSQL persistence, and document history.

Designed and implemented the application independently end-to-end. The platform accepts XLSX uploads, processes TBOM data using business filtering and transformation rules, generates company-wise revisions, populates Word templates, stores document metadata in PostgreSQL, and provides authenticated users with document history and downloads.

React
Vite
Tailwind CSS
Node.js
Express
PostgreSQL
Prisma
JWT

Engineering impact

  • Converted a manual document-processing workflow into a repeatable application workflow with clear processing stages.
  • Separated Excel parsing, business-rule transformation, revisioning, document generation, and persistence into understandable backend responsibilities.
  • Added authenticated, user-scoped document history so generated outputs remain traceable and retrievable.
  • Designed the system independently across frontend, API, database, and document-generation layers.

Key engineering work

  • Built the frontend and backend independently.
  • Implemented Excel parsing, business-rule transformation, Word document generation, and revision tracking.
  • Designed user authentication and protected APIs with JWT.
  • Used Prisma/PostgreSQL for user-scoped document metadata and history.
TaskFlow - Calendar & Task Management Platform React and Next.js project preview by Keval Lad

TaskFlow - Calendar & Task Management Platform

Read engineering case study

Built a full-stack task and calendar management platform with role-based access, real-time updates, scheduled reminders, push notifications, and audit logging.

Designed and implemented TaskFlow independently end-to-end with a React/Vite frontend and Node.js/Express backend. The application combines task management and calendar scheduling with JWT access and refresh authentication, ADMIN/USER permissions, Socket.io real-time events, node-cron reminders, Firebase Cloud Messaging, and PostgreSQL persistence.

React
Vite
Tailwind CSS
Node.js
Express
Prisma
PostgreSQL
Socket.io
Firebase FCM

Engineering impact

  • Designed the application as a full-stack system with authentication, authorization, persistence, real-time events, and scheduled background work.
  • Combined Socket.io, FCM, and scheduled jobs to support both in-app and push-based task reminders.
  • Used audit logs to make important task activity traceable instead of relying only on current state.
  • Owned the implementation across frontend, backend, database, and supporting services.

Key engineering work

  • Built the frontend and backend independently.
  • Implemented JWT access/refresh authentication and role-based authorization.
  • Designed task, notification, and audit-log persistence with Prisma/PostgreSQL.
  • Integrated Socket.io for real-time updates and Firebase Cloud Messaging for push reminders.
  • Scheduled reminder processing with node-cron and recorded task activity in an audit trail.
Groupos React and Next.js project preview by Keval Lad

Groupos

Led the frontend team for a SaaS community platform, working directly with the client on requirements, planning, frontend execution, and delivery.

Groupos is a SaaS community platform where users can create and manage communities, membership tiers, and community experiences. At DecodeUp, I led the frontend team and handled client communication, requirement gathering, technical planning, task breakdown, and execution coordination for frontend delivery.

React.js
SaaS
Community Management

Engineering impact

  • Led frontend delivery while acting as the bridge between client requirements and implementation work.
  • Turned evolving product requirements into frontend plans, tasks, and coordinated execution.
  • Supported the team through requirement clarification, implementation decisions, and delivery follow-through.
Million Dollar Sellers React and Next.js project preview by Keval Lad

Million Dollar Sellers

Led development work on the Million Dollar Sellers platform, building modular React experiences for content, communication, partner, and document workflows.

Million Dollar Sellers is a production platform for its member community. At DecodeUp, I worked as a lead developer on the product, contributing to modular React experiences across news, video, chat, partner, and document workflows, including real-time communication and content-driven interfaces.

React.js
Redux
Real-time Chat

Engineering impact

  • Worked as a lead developer on a production member platform with multiple content and communication workflows.
  • Coordinated frontend implementation across news, video, chat, partner, and document experiences.
  • Worked with real-time communication and modular UI patterns to support different product areas.
Secure Admin Dashboard - Inventory, Rentals & Billing React and Next.js project preview by Keval Lad

Secure Admin Dashboard - Inventory, Rentals & Billing

A production-style admin dashboard concept for inventory, rentals, billing, role-based access, and operational insights.

React
Next.js
Tailwind CSS
PostgreSQL
Supabase Auth

Engineering impact

  • Applied role-based access, authenticated data access, and operational workflows to an admin-focused application.
  • Structured the interface around inventory, rental, billing, and operational management use cases.