Product UI · APIs · systems
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
Since 2022Rajkot, IndiaReact / Next.jsScroll to inspect ↓
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

Financial advisory onboarding and workflow platform

Built a financial advisory platform for firms to onboard clients and start document-driven workflows. Advisors and clients complete forms online and e-sign documents, alongside portfolio tracking, task management, email, calendar, and other advisory operations.

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

Online gaming tournament and wallet platform

Built an online tournament platform where organisers can list tournaments, players can register and pay entry fees, and competitions conclude with top-three winners. Also integrated MetaMask wallet connectivity for online-currency payments and related wallet flows.

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.
11DAYS05QUEUES∞STORIES
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.

AERO / 01MOVE
IN
FORM
Design Lab · Frontend and Art Direction

STRYDE

Multi-brand footwear campaign

GRADE A / GLOBALDEVICE
FLOW
Design Lab · Frontend and Art Direction

Naxus Mobility

B2B device wholesale campaign

ROOTED IN INDIAसत्यसी
ORIGIN / 06
Design Lab · Frontend and Brand Experience

Satyasee

Contemporary Indian spice brand

SOFT / DRY / READYlittle
comforts.
SIZE 4 / OVERNIGHT
Design Lab · Frontend and Consumer UX

The NoliQS

Consumer baby-care product experience

FROM THE KITCHEN / 01GOOD
FOOD.
ORDER / SHARE / ENJOY
Design Lab · Frontend and Brand Experience

TodFood

Food brand and ordering experience

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.