Hi, I'm Shivani

I BUILDPRODUCTS WITHDESIGN INSTINCT.

I turn design thinking into fast, scalable frontend systems.

Get in touch View my work

[tip] prefer terminals? press ~ or switch to

↓ scroll to explore

❯ man shivani

NAME

Shivani — frontend developer with a product brain.

SYNOPSIS

shivani [--design] [--develop] [--deploy] <ideas>

DESCRIPTION

Frontend is where I live, but I've never been able to stop at the component boundary. Two years of building real products will do that - you start caring about why the API call takes 800ms, how the data model holds up at scale, and what the user actually experiences between the click and the render.

Next.js by default. Figma when I need to think out loud. Strong opinions about padding, motion, and whether that shade of grey is actually neutral. All held loosely, none of them quiet.

ENVIRONMENT

$LOCATION = Uttar Pradesh, IN

$EDITOR = VS Code

$AVAILABLE = true

SEE ALSO

projects(1), experience(5), contact(8)

OPTIONS (Skills)

> ls ~/stack/

core/react · typescript · next.js · javascript

styling/tailwind · css · framer-motion

state/zustand · react-query · redux toolkit

backend/node · supabase · mongodb · rest apis

realtime/socket.io · webrtc

tools/figma · git · vercel · vite

exploring/rust · three.js · webgpu

tip · type ~ :projects to see these in action.

CURRENTLY READING

"Designing Data-Intensive Applications" — Kleppmann

❯ git log --oneline --graph ~/projects

feat: CodeCollab2025HEAD

Real-time collaborative coding platform. One shared editor, live cursors, zero context switching.

[Next.js 15][Supabase][Monaco Editor][Redux Toolkit][TypeScript]

CodeCollab lets developers code together in real time with live cursors, line locking, voice, chat, and GitHub integration in one screen. Built with Next.js 15, Monaco Editor, and Supabase Realtime for presence sync. Redux Toolkit manages shared session state across all panels simultaneously.

- Sub-100ms cursor sync with line locking across unlimited collaborators

- GitHub push, pull, and diff built into the editor, no tab switching

- Voice, chat, and code in one screen, no external tools needed

→ Live → GitHub

feat: CodeClash2025

1v1 coding battles and contest management. Built for competitive programmers.

[Next.js][TypeScript][Redux][Tailwind CSS][JWT]

CodeClash matches two players head to head with three DSA questions and decides a winner in real time. Supports full contest creation end to end. Built with Next.js, TypeScript, and a queue-based pairing system. JWT handles role-based auth separating participants from organisers.

- Queue-based matchmaking in under 10 seconds, no major CP platform does this natively

- Auto-evaluated submissions across 4 languages with near zero wait time

- Contest setup to publish in under 2 minutes at any scale

→ Live → GitHub

feat: Chess Platform2024

Real-time chess with multiplayer and AI. One click to match, no account needed.

[Next.js][TypeScript][Socket.io][Stockfish][Node.js][MongoDB]

Multiplayer chess where guests and logged-in users both get into a match in under 30 seconds. Solo players practice against Stockfish AI across three difficulty tiers. Built with Next.js, Socket.io for move sync, and Node.js with MongoDB for game state and player stats.

- Server-side clock sync accurate to 50ms, zero client-side drift

- No sign-up wall, guests play immediately with just a name

- Full gameplay on screens under 400px, built mobile-first throughout

→ Live → GitHub

feat: Classence2024

Online classroom platform. One account, two roles, switched by a single toggle.

[React][Redux Toolkit][Node.js][MongoDB][WebRTC][Tailwind CSS]

Classence lets the same person teach and learn from one account without separate logins. Teachers manage classes, live sessions, announcements, and assignments. Students join and submit from the same dashboard. Built with React, Node.js, MongoDB, and WebRTC for live classes without any third-party dependency.

- Single account for both roles, onboarding friction cut in half

- WebRTC built in directly, live class setup reduced from 4 steps to 1

- Unified dashboard reduced screens per teacher session by 60%

→ Live → GitHub

❯ cat CHANGELOG.md

## [v5.0.0]Jan 2026 – May 2026LATEST

Frontend Engineer — Hikigai Inc. (Full-Time Remote)

+ Built WebRTC consultation modules for a Health AI platform.

+ Drop-off rates fell 40% across Chrome, Safari, and Firefox.

+ Cut redundant UI code by 25% with a shared React + TypeScript component library across 5 clinical modules.

+ Zero missed deadlines across the full patient-doctor workflow.

## [v4.0.0]Nov 2025 – Jan 2026

Frontend Developer Intern — QuantumNXT (Remote)

+ Built 5+ user flows for BOI, a carbon emissions tracking platform, including a live emission calculator on a C# / ASP.NET backend.

+ Resolved 15+ UI/UX bugs across 4 dashboard views through sprint-based development.

## [v3.0.0]Jul 2025 – Oct 2025

Product Designer — HSLR Limited Technologies (Remote)

+ Led UX research for Ask Ira using Jobs to be Done and Octalysis frameworks to map student motivation across grades 6 to 12.

+ Designed the full student query flow - mode selection, concept learning, quiz and practice follow-up screens.

## [v2.0.0]Apr 2025 – Jul 2025

Product Designer — Algoroot Pvt. Limited (Remote)

+ Owned end-to-end design for AlgoVox, an AI sales call agent - landing page, dashboard, and all core screens.

+ Delivered complete handoff with interactions, animations, and production-ready assets for the frontend team.

## [v1.0.0]Oct 2024 – Present

Frontend Developer & Designer — Software Incubator, SDC

+ Improved UI consistency by 20% using reusable React and Tailwind CSS components across a large-scale codebase.

+ Zero regression defects across 4 sprints for a 45-person team.

❯ wc --career

YEARS ACTIVE

PROJECTS SHIPPED

TEAMS LED

❯ cat impact.log

Hikigai Inc. · Health AI Platform

40%

drop-off rate reduced across Chrome, Safari, and Firefox

WebRTC consultation module

25%

less redundant UI code after shared component library

React + TypeScript, 5 clinical modules

QuantumNXT · Carbon Emissions Platform

user flows built for BOI including a live emission calculator

C# / ASP.NET backend integration

15+

UI/UX bugs resolved across 4 dashboard views

sprint-based development

HSLR Limited · EdTech Product

6-12

grades mapped through UX research using JTBD and Octalysis

Ask Ira, student motivation flows

end-to-end student query flow designed from scratch

mode selection, quiz, practice follow-up

❯ ssh connect@shivani.dev

Connecting to shivani.dev...

Connection established.

Welcome! I'm always open to interesting conversations

about frontend, design systems, or your next project.

Response time: < 24 hours · Timezone: IST (UTC+5:30)

Send Email →

github·twitter·behance·linkedin