Frontend Engineer with 4 years specializing in React and TypeScript — from building component libraries and design systems to real-time applications and performance-critical dashboards.

• 🚀 Currently building at G3 Interactive Pty Ltd — React/TypeScript for educational platforms
• ⚡ Obsessed with performance — achieved sub-100ms response times through code splitting, lazy loading & smart state management
• 🏗️ Led a platform from v1 → v2 at Lilac Infotech, improving dev efficiency by 40%
• 🔧 Reduced CI/CD deployment time by 60% through pipeline optimization
• 🌍 Built customer portals serving 15+ countries
• 📬 Reach me at savadn632@gmail.com

Core

State & Data

Build & Workflow

Testing

These projects demonstrate the same skills I apply at work — performance optimization, scalable architecture, and component-driven development.

Like a mini CodeSandbox — multiple users editing code together in real time

Built to mirror the kind of real-time, multi-user educational platform work I do at G3 Interactive. Implements CRDT-based conflict resolution so simultaneous edits never clash.

Highlights:

• 🔄 Real-time sync across multiple users via Yjs CRDT algorithm
• 👁️ Live cursor presence — see exactly where others are editing
• ▶️ Run code in-browser with Judge0 API (JS, Python, TypeScript, C++)
• 🚪 Create/join rooms instantly via shareable link
• ⚡ Sub-100ms editor response through optimized Monaco bindings

View Repo · Live Demo

Audit any URL and visualize its Core Web Vitals in real time

Built to back up my performance claims with hard data. Surfaces exactly the metrics that matter — LCP, FID, CLS, TTFB — so optimization decisions are evidence-based.

Highlights:

• 📈 Visualizes LCP, FID, CLS, TTFB, Speed Index in interactive charts
• 🔁 Compare performance before and after optimization
• 📋 Exportable audit reports
• 🏎️ Shows bundle size breakdown and render-blocking resources

View Repo · Live Demo

A published npm component library with 15+ accessible, typed React components

Directly mirrors the component-driven architecture I've built across production codebases. Every component is documented in Storybook, fully typed, and tested.

Highlights:

• 📦 Published to npm — installable via npm install savad-ui
• 📖 Full Storybook documentation with live playground
• ♿ WCAG accessible components with keyboard navigation
• 🎨 Themeable via CSS variables
• 🧪 95%+ test coverage with Jest + React Testing Library

View Repo · Storybook Docs · npm

See Dijkstra, A*, BFS, DFS come alive on an interactive grid

Inspired by the Navigation System I built at work. Makes algorithm logic visual and intuitive — great for understanding the performance tradeoffs between pathfinding approaches.

Highlights:

• 🔍 5 algorithms: Dijkstra, A*, BFS, DFS, Greedy Best-First
• 🎯 Draw walls, set start/end points, watch traversal in real time
• ⏱️ Step-through mode to pause and inspect each iteration
• 📊 Side-by-side algorithm comparison mode

View Repo · Live Demo

A production-ready GitHub Actions setup for React/TypeScript projects

I reduced deployment time by 60% at G3 Interactive — this template documents exactly how. Batteries-included CI/CD for any React app.

Highlights:

• ✅ Lint → Test → Build → Deploy on every push
• 🔀 Preview deployments on every pull request
• 🔒 Secrets management and environment separation
• 📋 PR checklist template and branch protection rules

View Repo · Use Template