Hello, I'm Suraj Sharma 👋🏻

Technologies

React

Django

PostgreSQL

AWS

Express.js

MUI

React Query

• 🔗 Designed and maintained ONDC-compliant backend flows in Express.js, ensuring request/response contracts across Seller App and Dashboard were consistent with protocol specifications.

• ⚛️ Implemented and iterated on seller-facing experiences using React, MUI, React Query, with clear loading/error states and predictable server-state management.

• 🎯 Owned the end-to-end Customer Query Management feature: schema design, API layer, client integrations, and behaviour validation in lower environments.

• 💰 Developed RSF (Reconciliation & Settlement) views that surface settlement data from multiple APIs, providing a single place for sellers to review transaction outcomes.

• 🧪 Performed full ONDC flow validation (catalog → order → status → settlement) using Postman and UI tests, documenting edge cases and collaborating with senior engineers to resolve schema and flow inconsistencies.

Technologies

React.js

D3.js

Django

PostgreSQL

Material-UI

REST API

• 📍 India Statistics Map — Built an interactive choropleth map from scratch with D3.js + React. Binds GeoJSON state boundaries to health screening data, renders SVG paths with color scales, and handles mouseover events for tooltip overlays.

• 📊 Healthcare Dashboard — Admin panel for patient records & screening history. REST API integration with Django backend, paginated tables, filter/search with debounced inputs, and role-based route guards.

• 📈 Data Viz Components — Recharts-based pie charts (detection results), grouped bar charts (gender breakdown), and stat cards. All components pull from PostgreSQL via Django REST, with loading skeletons and error boundaries.

• 📱 Responsive + Cross-browser — Flexbox/Grid layouts, tested on Chrome/Firefox/Safari. Mobile-first breakpoints, lazy-loaded chart bundles to keep initial load under 200KB.

Technologies

Next.js

TypeScript

PostgreSQL

Redis

Shadcn UI

QStash

Pusher

• ⚡ Live Quiz Engine — WebSocket-driven multiplayer quizzes using Pusher channels. Server broadcasts question payloads, clients submit answers with timestamps, server validates and pushes score deltas in real-time.

• 🏆 Contest Mode — LeetCode-style timed contests with QStash scheduled jobs for auto-start/end. Redis sorted sets for live leaderboards, atomic score increments, and rank calculations in O(log N).

• 🗄️ Backend Architecture — Next.js API routes + PostgreSQL (Prisma ORM). Redis for session tokens, rate limiting, and caching hot question sets. QStash handles deferred jobs like result emails and contest finalization.

• 🎨 Frontend — TypeScript + Shadcn UI components. Optimistic UI updates for answer submission, countdown timers synced with server time, and SSR for SEO on public contest pages.