logo
  • Home
  • About
  • Projects
logo
  • GitHub
  • LinkedIn
  • Contact

Selected Work

My Projects

04
WELL-07A | ACTIVE GAS RATIO 1.4% PUMP EFF 91.2% UPTIME 99.7% RESERVOIR PSI 4,820 WATER CUT 12% WELL-07A | ACTIVE GAS RATIO 1.4% PUMP EFF 91.2% UPTIME 99.7% RESERVOIR PSI 4,820 WATER CUT 12%
01
MEDN
Real-time telemetry and remote control platform for industrial oil well control stations across Azerbaijan.
Overview
A production-grade industrial dashboard streaming live physical parameters from oil well control stations, enabling engineers to issue remote commands to field hardware. Designed, built, and actively maintained solo — from architecture to deployment — in a live production environment.
Role
Sole Frontend Developer
Architected, built, and actively maintain the full frontend in a live production environment.
Tech Stack
  • Next.js
  • React 19
  • TypeScript
  • SignalR
  • TanStack Query
  • Redux Toolkit
  • Recharts
  • Tailwind CSS v4
  • Shadcn UI
  • Zod
  • next-intl
  • MapLibre
Key Features
  • Live telemetry via persistent SignalR WebSocket connections
  • Remote hardware control — start/stop pumps, adjust parameters
  • Synchronized multi-chart scrubbing across sensor readings
  • Component-level RBAC restricting critical controls by role
  • Full i18n with cookie-resolved server-side language detection
  • Light/dark theme support
Project Status
In Production · Actively Maintained
🔒 Private enterprise project — no public demo or repo
🚀
02
Code Universe
A research-driven programming learning roadmap where students navigate topics as planets — not tutorials.
Overview
Built out of personal frustration — every learning resource taught the same concepts but each had its own extras. Code Universe defines the map, not the destination. Students navigate a visual planet roadmap, discover what to research and why it matters in the real world, then go learn it anywhere they prefer.
Role
Solo Developer
Concept, design, architecture, and implementation — built entirely as a personal project.
Tech Stack
  • Next.js · React 19
  • TypeScript
  • MongoDB · Prisma ORM
  • NextAuth.js
  • Cloudflare R2
  • Framer Motion · GSAP
  • Monaco Editor
  • Tailwind CSS v4
  • Immer
  • Zod
  • next-intl
Key Features
  • Visual planet roadmap — each planet is a structured programming topic
  • Research model: tells students what to learn, not how — source-agnostic
  • Rich content blocks: code, tasks, interview questions, design examples
  • Full CMS admin panel with visual planet editor
  • Presigned R2 uploads — direct client-to-cloud, zero server load
  • Drag-and-drop reordering with atomic DB transactions
Project Status
Personal Project · Complete
Content expansion planned as time allows
Live DemoGitHub
03
Spotify Design System
A pixel-precise Spotify-inspired UI built to master modern CSS architecture and responsive design.
Overview
A visually faithful Spotify-style web app focused purely on UI craftsmanship — responsive layouts, dynamic color theming, and clean component architecture. Real Spotify data, no playback. The goal was to nail the design system, not replicate the product. Built as a Qwasar Silicon Valley Next.js project to improve design skills.
Role
Solo Developer
Design and implementation from scratch.
Tech Stack
  • Next.js · React
  • TypeScript
  • Tailwind CSS
  • CSS Modules
  • SASS
  • React Context
  • Spotify Web API
  • node-vibrant
  • clsx
Key Features
  • Home with recommended albums and new releases via parallel routes
  • Album detail — full track listing, artist info, durations
  • Artist detail — followers, top tracks, streamed albums section
  • Live search returning tracks, artists, and albums
  • Dynamic background color extraction using node-vibrant
  • Interactive controls (play, shuffle, follow) via React Context
Project Status
Completed
Live DemoGitHub
04
Online Shop Demo
A full-featured e-commerce simulation built to master React fundamentals and real-world API integration.
Overview
My first serious React project — built specifically to learn by doing. A functional e-commerce simulation powered by DummyJSON API, with role-based permissions, cart/likes persistence, and full product CRUD. Not my cleanest code, but one of the most valuable learning experiences I've had.
Role
Solo Developer
Personal learning project — concept through implementation.
Tech Stack
  • React · Vite
  • TypeScript
  • Redux Toolkit
  • Redux Persist
  • TanStack Query
  • React Router DOM
  • React Hook Form
  • Axios
  • Immer
  • SCSS · CSS Modules
Key Features
  • Product listing with search, category filtering, and sorting
  • Product detail pages with full product information
  • Role-based permissions: User, Moderator, Admin (view → edit → delete)
  • Cart and liked products persisted via Redux Persist
  • Add and edit product forms with React Hook Form
  • Fully responsive, mobile-friendly layout
Project Status
Completed
Live DemoGitHub