Nishant Sonavane / Tech

01 / Lab

Products, tools and working concepts.

Products, internal tools and working concepts developed around practical problems, workflows and user needs.

Lab projects

03 selected projects

EmailBuilder.in landing page for the visual HTML email builder.

Contribution

  • Product thinking
  • UX and UI
  • Frontend development
  • Technical implementation
  • Ongoing maintenance

Technology

React · Astro · HTML email · MSO / VML · Responsive UI

Product

Live product

EmailBuilder.in

A free visual HTML email builder for creating responsive, Outlook-compatible email without requiring sign-up.

The editor combines visual building, Smart Create and AI Create with responsive preview, unlimited HTML export and JSON import/export. Its output uses clean table-based HTML with Outlook-specific MSO and VML handling.

Contribution

  • Product thinking
  • UX and UI
  • Frontend development
  • Technical implementation
  • Ongoing maintenance

Technology

React · Astro · HTML email · MSO / VML · Responsive UI

Open EmailBuilder.in (opens in a new tab)View EmailBuilder.in case study (opens in a new tab)
CodeBook case study overview for the internal component documentation product.

Contribution

  • Product thinking
  • UX structure
  • Frontend architecture
  • Component documentation
  • Team enablement
  • AI-assisted implementation

Technology

Angular · TypeScript · Component systems · Accessibility

Internal tool

Case study only

CodeBook

An internal component documentation and discovery tool for finding, understanding, reusing and validating shared UI components.

CodeBook brings maintained component implementations, usage guidance, attributes and accessibility information into a shared experience for designers, developers, product managers and QA. The private application runs within the same Angular codebase as the shared component system.

Contribution

  • Product thinking
  • UX structure
  • Frontend architecture
  • Component documentation
  • Team enablement
  • AI-assisted implementation

Technology

Angular · TypeScript · Component systems · Accessibility

View CodeBook case study
OpsNexus engineering delivery dashboard showing release status and delivery progress.

Contribution

  • Product concept
  • UX structure
  • Interface design
  • Frontend implementation

Technology

React · TypeScript · Dashboard UI · Sample data

Product prototype

Working prototype

OpsNexus

A shared bird's-eye view of engineering delivery activity for technical and non-technical teams.

The sample-data prototype brings deployment schedules, environments, pull requests, approvals, blockers, branch synchronisation, history and recent activity into one dashboard. It is structured for possible future GitHub, Jira and CI/CD integrations, but is not connected to live organisational systems.

Contribution

  • Product concept
  • UX structure
  • Interface design
  • Frontend implementation

Technology

React · TypeScript · Dashboard UI · Sample data

Open OpsNexus prototype