system://hasnat.dev
— operator id: a.hasnat

Hasnat

— current status

Building scalable, high-performance web applications that solve real-world client experience across frontend, backend, databases, and deployment infrastructure.

— focus areas
  • Scalable systems
  • Resilient APIs & SDKs
  • Performance & DX
  • Architecture & design
  • AI & LLM workflows
— operative briefing

Build modern products.
Solve real problems.

Clean architecture. Scalable systems. Better user experience. Good software is not only about getting code — it's about building systems that are maintainable, scalable, performant, and user-friendly.

Developer focused on real-world product engineering

I started my journey as a frontend developer, but quickly counted into backend development, database design, deployment systems, and holistic application architecture while serving client projects.

Rather than just building interfaces, I enjoy understanding the complete systems map — from frontend user experience to backend logic, APIs, databases, and infrastructure. Currently focused on growing into a strong Full Stack Engineer capable of building production-level applications end-to-end.

— what i bring / why it works
End-to-end product engineering
Pixel-perfect UI / UX execution
Full-stack development experience
Resilient architecture thinking
Problem-solving mindset
Fast adaptability to new tech
— system capabilities

Services

[01]

Frontend Architecture

Building performant, pixel-perfect, and accessible user interfaces using modern frameworks like React, Next.js, and Astro. Ensuring state management is predictable with Redux or Zustand.

[02]

Backend & APIs

Designing scalable server logic, secure authentication, and high-performance RESTful APIs. Specializing in Node.js, Express, and NestJS for resilient backend systems.

[03]

Database Design

Structuring robust, normalized, and optimized data models. Proficient in SQL (PostgreSQL) and NoSQL (MongoDB) databases, utilizing tools like Prisma and Mongoose.

[04]

DevOps & Cloud

Deploying and managing infrastructure to ensure high availability. Experience with Docker containerization, VPS management, cloud storage (S3), and CI/CD pipelines.

— professional deployment

Experience

— current role

Frontend Developer

// full-stack responsibilities
— primary / day-to-day duties
  • Developing pixel-perfect, responsive websites with React, Tailwind CSS, Next, js, Redux Toolkit, Zustand, or other state management tools.
  • Writing clean, optimized, and cross-browser-compatible code following W3C standards.
  • Implementing JavaScript and TypeScript to enhance Ul interactivity.
  • Converting PSD, Figma, and XD designs into HTML with high accuracy.
  • Integrated REST APIs and optimized frontend performance and data fetching strategies.
  • Collaborated with backend and design teams to deliver production-ready features.
  • Understanding client requirements and effectively managing feedback.
— current projects
Admin & billing stack Vendor architecture Order Tools High-performance APIs
— skill summary

Working on production-level applications involving frontend systems, backend APIs, dashboards, database design, and infrastructure deployment.

— development mindset

› Clean Architecture

› Scalable Systems

› Better UX

I believe good software is not only about writing code — it's about building systems that are maintainable, scalable, performant, and user-friendly.

— operative deployments

Featured Projects

  • // project_01

    WabiSaviArt — Multi Vendor Marketplace

    Production marketplace prioritizing creator authenticity and transparent commerce through role-based systems and verified seller workflows.

    A production-ready multi-vendor e-commerce platform connecting independent makers with buyers seeking authentic, handcrafted goods. Architected role-based dashboards for buyers, sellers, and administrators, implemented secure Stripe checkout with seller onboarding and payouts, and built real-time messaging infrastructure. The platform emphasizes verified maker credentials, transparent fee structures, and intuitive order management — reducing friction in artisan commerce.

    // tech
    React NestJS Prisma PostgreSQL Stripe Redis Docker
    // key_features
    • Role-based auth and permission isolation for buyers, sellers, and admin workflows
    • Product catalog with variants, inventory tracking, and rich media galleries
    • Stripe Connect for seller onboarding, checkout, and automated monthly payouts
    • S3-compatible media uploads with presigned URLs for scalable image management
    • Order lifecycle with fulfillment tracking, refunds, and dispute resolution
    • Maker verification badges and transparent seller ratings system
    • Real-time Socket.IO messaging between buyers and sellers with presence indicators
    [ view_project ]
  • // project_02

    DovePDF — Client-Side PDF Editor

    High-performance PDF editor processing 100% in-browser, eliminating server-side file exposure while delivering instant feedback on documents up to 50MB.

    A sophisticated, privacy-first PDF editor enabling users to annotate, highlight, sign, merge, compress, and export PDF files entirely client-side. Built as a Turborepo monorepo with fully type-safe tRPC API, optimized for handling documents up to 50MB using Web Workers and efficient IndexedDB persistence. The platform emphasizes user privacy (zero file upload unless explicitly needed), instant responsiveness, and extensible architecture for future tool additions.

    // tech
    React Vite TailwindCSS Express tRPC PDF-lib Turborepo
    // key_features
    • PDF annotation: highlight, draw, add text, insert signatures and images
    • Document manipulation: merge, split, reorder pages, rotate
    • Compression and optimization with export quality controls
    • Web Workers for off-thread PDF processing on documents up to 50MB
    • IndexedDB persistence with automatic session recovery
    • Real-time undo/redo with full state history
    • Monorepo architecture (Turborepo) enabling modular tool additions
    • Google Ads integration for sustainable monetization
    [ view_project ]
  • // project_03

    Enterprise Internal Platform

    Production internal platform for construction company managing 1000+ employees, equipment, projects, and multi-department workflows with real-time SSE notifications.

    A full-stack enterprise management platform replacing fragmented spreadsheet workflows with a unified, role-scoped system. Serves 1000+ internal users across 5 distinct roles (Super Admin, Admin, Project Manager, Engineer, Client) with purpose-built dashboards for project management, equipment tracking, financial approvals, HR applications, and real-time notifications. Active in production for day-to-day company operations.

    // tech
    TypeScript Express Prisma MongoDB Next.js Redux Toolkit MUI TailwindCSS Docker
    // key_features
    • 5 isolated role dashboards with complete permission scoping
    • Project lifecycle management: assignment, equipment linking, status tracking, client visibility
    • Equipment registry with status lifecycle (WORKING/RUNNING/STAND_BY/BREAK_DOWN) and crew assignment
    • Equipment request workflow: request → admin approval → auto-assignment
    • 3 parallel financial workflows: payments, requisitions, equipment requests — all with document upload, multi-level approval, and decline reasons
    • 8 HR application types: leave, resignation, transfer, salary advance, loan, complaint, grievance, expense
    • Server-Sent Events (SSE) real-time push notifications to all relevant stakeholders
    • Rich media system with TipTap editor, image uploads, keyword tagging, and comment threads
    • Role-specific dashboards with KPI aggregations and month-over-month deltas
    [ view_project ]
  • // project_04

    MyStudyPal — Production AI Study Platform

    Live SaaS platform serving 5000+ Irish secondary students with AI-powered study tools tailored to the official Irish curriculum. Built with 7 containerized microservices handling 50K+ study sessions monthly.

    MyStudyPal (mystudypal.ie) is a production SaaS study platform specifically designed for Irish secondary school students. It delivers AI-powered explanations, marking-scheme-aligned answers, auto-generated revision notes, smart quizzes, and progress dashboards — all tailored to the official Irish curriculum. The platform is backed by a continuously-updated past-paper dataset via automated Puppeteer scraping, a high-performance Rust file server, and fully containerized microservices orchestrated via Dokploy.

    // tech
    React HTML NestJS Rustfs PostgreSQL Redis Puppeteer Docker Dokploy
    // key_features
    • AI Study Buddy with marking-scheme-aligned answers for Maths, Science, English, and Irish
    • Image upload support for complex problem questions
    • Notes Generator producing structured revision notes from AI analysis
    • Smart Quizzes dynamically generated and targeting weak areas with instant grading
    • Progress Dashboard with XP level system, weekly improvement stats, and strength/weakness heatmap
    • Automated Puppeteer pipeline ingesting fresh past papers from official Irish curriculum sources daily
    • 7 containerized microservices: Admin Dashboard, User Dashboard, Landing Page, NestJS API, Rustfs, PostgreSQL, Redis
    • Real-time data ingestion and student activity monitoring via centralized Dokploy dashboard
    [ view_project ]

Technical Log

Technical specs of all operative capabilities and system fundamentals.

// system_type // primary_stack
[frontend_dev] React.js // Next.js // Astro // JavaScript // TypeScript // Tailwind CSS // Zustand // Redux
[backend_dev] Node.js // Nest.js // Express.js // REST API // Auth & Authorization // Role-based access control
[databases_dev] PostgreSQL // MongoDB // Prisma ORM // Mongoose // SQL & NoSQL Database Design
[devops_basic] Docker // Git // VPS // File Storage Systems // S3 & Cloudinary // Deployment Pipelines
— activity telemetry

Code Stats

// powered by wakatime // last_year data

// total_coded 232h 51m from 2026-06-22
— languages
  • TypeScript
    105 hrs 54 mins 44.6%
  • Astro
    59 hrs 38 mins 25.1%
  • CSS
    22 hrs 34 mins 9.5%
  • HTML
    12 hrs 1 min 5.1%
  • Bash
    6 hrs 38 mins 2.8%
  • JSON
    6 hrs 22 mins 2.7%
— editors
VS Code
231 hrs 1 min 97.3%
Antigravity IDE
6 hrs 17 mins 2.6%
Unknown Editor
9 mins 0.1%
Copilot CLI
0 secs 0.0%
— operating systems
Linux
237 hrs 18 mins 99.9%
Unknown OS
9 mins 0.1%
— quality standards

Development Workflow

// phase_01

Architecture & Design

Before writing any code, I analyze the requirements and design the system architecture. This includes database schemas, API contracts, state management strategies, and component hierarchies to ensure scalability from day one.

// phase_02

Execution & Development

Writing clean, modular, and W3C-standard code. I strictly use TypeScript for type safety, and enforce linting and formatting rules to maintain a high quality, readable codebase.

// phase_03

Optimization & QA

Profiling performance to ensure fast load times, smooth animations, and responsive layouts. Implementing SEO best practices, accessibility (a11y) standards, and cross-browser testing.

// phase_04

Deployment & CI/CD

Setting up resilient deployment pipelines using GitHub Actions or native platform tools (Vercel, Cloudflare). Ensuring the application is monitored, secure, and production-ready.

— operative // contact_log

Let's build
something great.

// availability_status OPEN

Available for remote engagements globally. Response within 24h. Async communication preferred.

— send a message

© 2026 A. Hasnat — All rights reserved.