FIELDNOTE / 01RAJKOT, INDIA

FRONTEND DEVELOPER · NEXT.JS FULL-STACK · REACT

Complexproduct.Clearinterface.

I build responsive product frontends and Next.js full-stack features for SaaS, B2B, ERP, consumer products, and payment-driven workflows.

stryde — design labv1.0
instorix — independent productv1.0
INSTORIXMake it
yours.
experivise — product workv1.0
Client workflow● Live
Continue
PROFESSIONAL WORKINDEPENDENT PRODUCTDESIGN LAB
01 / Impact ledger

Impact,
recorded.

Selected outcomes and working patterns from real product delivery.

01Performance20–50%improvements across selected projects
02Leadership3+frontend projects led
03ArchitectureReusablesystems that shorten delivery cycles
04DeliveryB2B · SaaSconsumer and operational products
02 / Selected product work

Interfaces for products where the workflow matters.

Complex forms, multi-step operations, permissions, scheduling, data-heavy dashboards, and responsive product systems.
Selected visuals use public pages, sanitised screens, or representative interfaces.

01Professional Work · Frontend ContributionOpen live project

Experivise

Advisory operations and document workflows

Developed client-specific frontend modules for digital document workflows, including dynamic forms, e-signature integration, and real-time validation.

Contribution outcomeReduced form-rendering time by 30% and improved mobile responsiveness.
React.jsRTK QueryAPI-driven formsResponsive frontend
DIGITAL DOCUMENT / FLOW 04
01
Draft
02
Validate
03
Review
04
Sign
Complete
EXPERIVISE / FORMClient onboarding
agreement
Signature required
30%FASTER
FORM RENDER
02Professional Work · Frontend ContributionOpen live project

Decent

Verified health, safety and operational workflows

Refactored and enhanced frontend components to improve usability, accessibility, responsiveness, and performance across complex operational forms.

Contribution outcomeReduced form-rendering time by 50% while collaborating with design and QA to resolve usability issues.
Next.jsGraphQLTailwind CSSAccessibility
FIELD CHECK / TRACEABLE RECORD
09:41● ●
SCAN ASSET QR
Asset location LOCKEDEvidence attached 03 FILES
01Scan
02Perform
03Validate
04Verify
VERIFIED
03Professional Work · Frontend ContributionOpen live project

Evergreen ERP

Admin operations and configuration platform

Developed and maintained responsive ERP frontend modules focused on dashboards, user management, and configuration tools.

Contribution outcomeBuilt modular React and Material UI components with Redux-based state management.
React.jsGraphQLMaterial UIRedux
REPRESENTATIVE INTERFACE — PRODUCTION DATA OMITTED
EVERGREEN
Operations overview
ORDERS1,248USERS482OPEN TASKS36
Users sort ↑
Permissions
CONFIGURERole access
MODULES → SYSTEM
Representative interface — production data omitted
04Professional Work · Frontend Development

Wendy Counselling

Multi-tenant counselling and scheduling platform

Built a dynamic multi-step appointment flow with real-time multi-user virtual sessions and white-label support from a single codebase.

Contribution outcomeOptimised frontend performance, improving site speed by 50%.
React.jsGraphQLBootstrap 5Sass
ONE CODEBASE / THREE BRANDS
BOOK AN APPOINTMENT

Find a time
that works.

01 Service02 Time03 Confirm
WENDYNORTHHARBOR
Theme tokens shift. Structure stays clear.
05Professional Work · Frontend Contribution

Gamerzarena

Multi-brand esports platform and gaming community

Enabled organisation-specific branded interfaces through configurable themes and colours, contributing to a React.js-to-Next.js migration.

Contribution outcomeImproved SSR, SEO, and performance by 20% across core pages.
Next.jsReact.jsGraphQLMaterial UI
MIGRATION LOG / REACT → NEXT.JS
REACT SPAOne route.
One surface.
NEXT.JSRoutes
assembled.
SSRSEO20% performance gain
03 / Independent products

Ideas taken from blank page to live URL.

Personal products where product thinking, visual systems, and frontend engineering share the same surface.

P / 01Independent Product · Next.js Full-stack · Designed and Built by Somnath
STOREFRONT / RESPONSIVE MORPH
INSTORIXLaunch a store
that looks like you.
INSTORIXLaunch
a store.
SYLaunch
your store.
DESKTOPTABLETMOBILEPAYMENT → MERCHANT

Instorix

Done-for-you branded commerce for Indian businesses

Designed and built a Next.js full-stack, multi-tenant commerce platform where merchants can onboard a branded store with a provided domain or their own domain. Storefronts are customizable across sections, theme colours, payment gateways, and delivery partners, while each store owner manages and sells their own products.
Open live project
P / 02Independent Product · Designed and Built by Somnath
ROOM / 7 × 7 / READY TO PLAY
ROOM CODE4K7—Q2invite a friend
SNAKE PONG GRID

Play Grid Games

Multiplayer browser games with room codes

A browser-first collection of lightweight games designed for immediate play with friends, without installing an application.
Open live project
P / 03Independent Product · Next.js Full-stack · Designed and Built by Somnath
PUBLIC SITE / ADMIN WORKSPACE
SHREE MAHARASHTRA YUVAK MANDALFestival
in motion.
11DAYS05QUEUESSTORIES
PRISMA + POSTGRESQLPUBLIC ↔ ADMIN

Shree Maharashtra Yuvak Mandal

Bilingual festival and community platform

Designed and built a bilingual full-stack community platform with a public festival experience and protected admin workspace. Visitors can explore schedules, stories, galleries, committee members, volunteer registration, procession routes, and contact details, while the team manages Prisma/PostgreSQL-backed content, media, translations, notifications, audit history, and site settings.
Open live project
04 / Design lab

Brand worlds built to test motion, composition, and frontend craft.

Independent marketing and interaction experiments. Four different tones, one shared interest in making the interface carry the idea.

05 / The product system

Tools organised around the work they solve.

From interface structure to APIs, PostgreSQL data, Prisma models, payment flows, and the last responsive detail, the stack follows the problem.

Build
  • JavaScript
  • TypeScript
  • React.js
  • Next.js
  • Next.js APIs
  • Server Actions
State + Data
  • GraphQL
  • REST
  • PostgreSQL
  • Prisma
  • RTK Query
  • Redux
  • Redux-Saga
  • Axios
  • Apollo Client
Interface
  • Tailwind CSS
  • Bootstrap
  • Material UI
  • Styled Components
  • Sass
  • Responsive Design
Delivery
  • Performance
  • Accessibility
  • PWA
  • Playwright
  • Unit Testing
  • GitHub
  • Deployment
  • Stripe
  • Razorpay
  • Manual Testing
  • Jira
  • Agile
  • Code review
  • AI-assisted development
PRODUCT SYSTEM ASSEMBLER / READY⌘ / 04
SUBMIT
StructureData + APIInterfaceDelivery + payments
Working notes / 08

How I approach
frontend work.

01Structure before animation
02Reusable components before repeated markup
03Responsive behaviour is part of the feature
04Performance is a product decision
05API states deserve intentional UX
06Complex workflows need visible progress
07Accessibility should survive redesign
08AI can accelerate work, but review owns quality
06 / About

A working history in releases.

Frontend delivery across complex workflows, reusable systems, and the connective tissue between product, design, and QA.

WORK HISTORY / PRODUCT DELIVERY
MAIN

Frontend Developer

Alchemy Digital LLP

February 2022 – Present

Built modular React interfaces, integrated APIs through Axios and Apollo Client, collaborated with designers and QA, participated in Agile delivery, reviewed code, and improved frontend performance.

20% faster page load15% overall performance gainFrontend delivery across 3+ projectsCross-functional collaborationReusable component systems
2022JOINED
2023MULTI-TENANT SYSTEMS
2024WORKFLOW PRODUCTS
2025PERFORMANCE + LEADERSHIP
CURRENTFRONTEND SYSTEMS
EDUCATION / LANGUAGE SET
01
Master of Computer Applications

Marwadi University · 2022

02
Bachelor of Computer Applications

Marwadi University · 2020

LANGUAGES
EnglishHindiMarathiGujarati
07 / Contact

Have a product with a complicated frontend?
Let’s make it clear.

Send a note through the form or email me directly. I’ll get back to you with the next step.