Available for new projects

AbolfazlAbbaspour

Front-End DeveloperReact · Next.js · TypeScript

I design and build fast, modern and unforgettable web experiences that turn visitors into customers.

Start a project
View work
Scroll to explore REC 00:00:00:00
ReactNext.jsTypeScriptTailwind CSSReact QueryZustandREST APIsSSR · ISR · SSGWeb VitalsClean CodeHero UIRedux
Available for freelanceWebsites that convertWeb apps that scaleLet's build together
(01)About me

I'm Abolfazl — a front-end developer with 4+ years of professional experience turning complex ideas into fast, elegant and maintainable web products. From modernizing legacy enterprise systems to architecting full-stack Next.js apps, I obsess over the details your customers actually feel: speed, clarity and craft.

04+
Years of professional experience
05
Enterprise modules shipped
04
Rendering strategies in my toolbox
02
Live products you can try today
(02)Services

What I can buildfor you.

Whether you need a brand-new product or a rescue for an aging codebase — every project gets the same care for every pixel and every line of code.

S/01

Web Applications

Full-stack Next.js apps with REST APIs, authentication, persistent storage and the right rendering strategy for every route.

Next.jsAPI designAuth
S/02

Landing Pages & Websites

Animated, high-converting marketing sites that load instantly and look incredible on every screen size.

MotionResponsiveSEO-ready
S/03

Dashboards & Internal Tools

Complex interfaces — payroll, chat, document builders — designed to stay clean, fast and easy to maintain.

ReactTypeScriptData-heavy UI
S/04

Legacy Modernization

Outdated jQuery codebase holding you back? I migrate it step by step to modern ES6+ and React without breaking what works.

jQuery → ES6+RefactoringZero downtime
S/05

Performance Tuning

Core Web Vitals, caching strategies and smart SSR / ISR choices that make your product feel instant — and rank better.

Web VitalsCachingSSR / ISR
S/06

Pixel-Perfect UI

Your design, translated into reusable, accessible, component-driven code with custom hooks and clean architecture.

ComponentsAccessibilityClean code
(03)Process

From idea to launch —
frame by frame.

01/ 04

Discover

We talk goals, audience and scope. I map out the architecture and the fastest route from idea to launch — no surprises later.

  • Goals & audience
  • Scope & timeline
  • Tech architecture
01
02
03
04
(04)Selected work

Real products.Real results.

A selection of things I've designed, engineered and shipped — from enterprise HR software to full-stack side projects you can try right now.

01 / 03Productivity app

Habit Tracker

A lightweight, delightful habit tracker — add, complete and edit daily habits with progress saved automatically and a polished light / dark mode.

  • Custom hooks for habits, theme and persistent local storage
  • Micro-interactions: confetti bursts and sound on every completed habit
  • Inline editing, validation and a mobile-first layout
React 19TypeScriptViteTailwind v4Custom Hooks
Live demo Source code
Habits
Track what matters, every day.
☀
Add a new habit…
Add
  • ✓Morning run
  • ✓Read 20 pages
  • Drink 2L of water
  • Meditate 10 min
Habits
Track what matters, every day.
☾
Add a new habit…
Add
  • ✓Morning run
  • ✓Read 20 pages
  • Drink 2L of water
  • Meditate 10 min
Auto-saved locally
Light / Dark ◐
02 / 03Full-stack job board

DevJobs

A production-grade job board built with Next.js 16 and TypeScript — browse, search and save listings backed by a real database and a REST API.

  • ISR listings (5 min revalidate) + SSR detail pages — each route gets the strategy it deserves
  • One shared React Query cache keeps every “Saved” state in sync instantly
  • Middleware-protected routes, sanitized HTML and dedicated error boundaries
Next.js 16TypeScriptReact QueryZustandSQLiteTailwind v4
Live demo Source code
devjobs.app/jobs
DevJobsJobsSavedAbout
Search jobs…
  • Senior Frontend Engineer · Lumen LabsSaved
  • React Developer · NorthwindSave
  • Full-Stack Engineer (Next.js) · Polaris AISaved
  • UI Engineer · Vertex StudioSave
  • JavaScript Developer · BrightlineSave
ISR · revalidate 300s
React Query cache synced
03 / 03Enterprise HR platform

HRBOX Suite

Features built for a real HR product used by businesses every day — from a legacy DNN / jQuery application to a modern React monorepo.

  • Contract builder, PDF generation system and automated lettering — built from scratch
  • Payroll module and internal chat UI in a large React + TypeScript monorepo
  • Legacy jQuery codebase migrated to modern ES6+ for long-term maintainability
ReactTypeScriptHero UIjQueryC# RazorMonorepo
Visit HRBOX
app.hrbox / payroll
Payroll
Monthly overview
Export PDF
EmployeeStatusNet
#1024Approved●●●●
#1025Pending●●●●
#1026Approved●●●●
Contract builder
+ Drop clause block
Internal chat
Letter #218 is ready?
Generated ✓ PDF sent
(05)Experience

Where I've beenbuilding.

Dec 2023 — Present Current
HRBOX ↗
Front-End Developer
Contract BuilderPDF GenerationAutomated LetteringPayroll ModuleInternal ChatES6+ Migration
  1. Chapter 01

    Legacy modernization

    Refactored and modernized a legacy DotNetNuke (DNN) application built on jQuery — migrating outdated code to ES6+ and improving maintainability across the codebase.

  2. Chapter 02

    Advanced features from scratch

    Built a contract builder, a PDF generation system and an automated lettering system in vanilla JavaScript and jQuery, working directly with backend engineers on API integration and C# Razor views.

  3. Chapter 03

    Modern React monorepo

    Delivered the front-end for a payroll module and an internal chat system inside a large monorepo using React, React Router, TypeScript, Tailwind CSS and Hero UI.

(06)Toolkit

The toolkit.

01Languages
JavaScript (ES6+)TypeScriptHTML5CSS3
02Frameworks
ReactNext.js (App Router)React RouterTailwind CSSHero UIjQuery
03State & Data
TanStack React QueryZustandContext APIRedux
04Backend
REST API designNext.js MiddlewareAuth patterns
05Performance
SSRSSGISRCSRCachingWeb Vitals
06Practices
GitClean CodeComponent-DrivenCustom HooksError BoundariesXSS-aware sanitization
(07)Contact

Let's buildsomethingremarkable.

What do you need?
Budget

Free consultation · No commitment

Email me directly
gabolfazl83@gmail.com
Resume
Elsewhere
Available for new projects

Freelance projects, long-term collaborations or a full-time role — if you're building something ambitious for the web, I'd love to hear about it.