Frontend-focused Full-Stack Developer building interactive web applications with real-time systems, AI integrations, and modern frontend architecture.

🚀 View Projects · 🌐 Live Demo · 💻 GitHub

I'm a frontend-focused full-stack developer working across React, TypeScript, real-time collaboration systems, and AI/API integrations.

This repository contains the source for my personal portfolio site, built to walk visitors through actual engineering work rather than a static list of skills.

Multiple users can work inside the same browser-based development environment with concurrent editing, live cursors, rooms, syntax highlighting, and terminal functionality.

Stack: React · TypeScript · Node.js · Yjs · WebSockets · Monaco · Xterm.js

🚀 Live Demo · 💻 GitHub

                         REVOIRT
                            │
                            ▼
                  ┌─────────────────┐
                  │      React      │
                  │     Monaco      │
                  └────────┬────────┘
                           │
                           ▼
                  ┌─────────────────┐
                  │   Global State  │
                  └────────┬────────┘
                           │
                           ▼
                  ┌─────────────────┐
                  │  Yjs / YMonaco  │
                  └────────┬────────┘
                           │
                           ▼
                  ┌─────────────────┐
                  │ WebSocket Server│
                  └────────┬────────┘
                           │
                           ▼
                  ┌─────────────────┐
                  │   Persistence   │
                  └─────────────────┘

❓ Challenge

How do multiple users edit the same document without overwriting each other's changes?

💡 Solution

CRDT-based synchronization using Yjs with a WebSocket transport, enabling conflict-free concurrent edits and live user cursors inside a Monaco-based editor.

🔍 Engineering Focus

• Real-time state synchronization
• Concurrent document editing
• WebSocket communication
• CRDT-based collaboration
• Monaco Editor integration
• Browser-based development tooling

Socket.io · Yjs · WebSockets

Gemini API · AI Workflows · External APIs

Firebase Auth · JWT

Monaco Editor · Xterm.js

MongoDB · MySQL

MapLibre · OpenFreeMap

Vercel · Cloudflare · Render

This portfolio is built around a recruiter-first journey:

👀 Portfolio
     ↓
💡 Interesting Project
     ↓
🚀 Live Demo
     ↓
🏗️ Architecture
     ↓
💻 GitHub
     ↓
🔎 Code

Rather than routing visitors straight to a list of repositories, the site surfaces 4–6 strong, representative projects with architecture breakdowns and engineering case studies.

Signal over quantity.

Name, role, one-line pitch, and primary CTAs.

Revoirt as the flagship project with live demo, technical overview, and architecture.

System diagrams showing how major projects are structured.

A curated selection of 4–6 representative projects.

Technologies grouped by what they enable, rather than simply listing skills.

Problem
   ↓
Architecture
   ↓
Challenge
   ↓
Implementation
   ↓
Result

I'm a frontend-focused full-stack developer who gravitates toward the hard, interesting parts of the stack — real-time synchronization, live collaborative editing, and wiring AI into products that actually solve a problem. I like building systems where the engineering itself is the story: how state stays consistent across clients, how a WebSocket connection recovers from a drop, how an API integration turns into something a user actually trusts.

My philosophy is simple: fewer things, built properly. I'd rather ship one project with a clear architecture and a real engineering decision behind it than ten with matching gradients and no substance. React and TypeScript are my daily tools, but the interesting work happens underneath — CRDTs, sync protocols, auth flows, and the small decisions that make software feel solid instead of just functional.

• ⚛️ React + TypeScript
• ⚡ Vite / Next.js
• 🎨 Tailwind CSS / Styling Framework
• ✨ GSAP / Animation
• ☁️ Vercel / Cloudflare Pages

• 💻 GitHub: github.com/bye-shuvo 📍 Based in Bangladesh
  🔗 Portfolio | 💼 LinkedIn
  💌 Open to collaboration

MIT