Skip to content
View hassanireza's full-sized avatar

Block or report hassanireza

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
hassanireza/README.md

+ const reza = {
    role        : "Front-End Developer & UI/UX Designer",
    focus       : ["Design Systems", "Accessible Interfaces", "Motion Design"],
    stack       : ["Python", "Django", "Wagtail", "React"],
    philosophy  : "Engineering precision meets design intention.",
+   status      : "Open to collaboration"
  };

 About

I build responsive, production-grade interfaces where technical rigor meets visual craft, component architecture, design systems, motion, and full-stack integration, with accessibility and performance treated as requirements, not finishing touches. I work the seam between mockup and shipped product, holding engineering discipline and design judgment to the same standard so the gap between the two stays as close to zero as possible. Core Strengths:

▸ Design-to-code (Figma → CSS)
▸ Accessible, responsive UI
▸ Motion & interaction design
▸ Design systems at scale
▸ Django / Wagtail integration

 Portfolio Website


This repository is also the source for my personal site, a fully typed React and TypeScript single page application, rebuilt from the ground up and deployed automatically to GitHub Pages on every push to main.

What it does

  • Landing page with a canvas based particle field animation
  • A portfolio grid pulling from a single typed data source, adding a project is a two line edit, not a layout change
  • A contact form protected by Cloudflare Turnstile, submitting through Formspree
  • A branded 404 page for any unmatched route, styled to match the rest of the site
  • Zero manual deploys, CI lints, type-checks, builds, and publishes on every push

Built with








 Tech Stack

Front-End






Back-End & CMS





Design & Creative





Tooling





 Design Philosophy

User-First
Every decision traces back to how someone actually interacts with the product.

Component Integrity
Clean abstractions and consistent patterns that scale without friction.

Accessible by Default
Not a finishing touch, a baseline requirement from day one.

Performance as UX
Speed and responsiveness are features, not post-launch fixes.


"The best interfaces feel effortless. Getting there takes everything."


 Highlighted Project

Supercar Showcase



A scroll driven, frame by frame supercar showcase, pairing GSAP ScrollTrigger with a lean Vite build for a cinematic, single page reveal.

Pinned Loading

  1. hassanireza.github.io hassanireza.github.io Public

    Reza Hassani Portfolio

    TypeScript 1

  2. darya darya Public

    A minimalist, Persian language blog about AI, marketing, and internet culture, built as a React and TypeScript single page app with zero backend or CMS.

    TypeScript 1

  3. learnJavascript learnJavascript Public

    Learn JavaScript from scratch in 30 days with 30 hands-on projects. A free, open source, beginner-friendly course covering variables to async/await, the DOM, and OOP.

    TypeScript 19

  4. verso verso Public

    Short verses, out loud. A microblogging platform where every post is capped at 160 characters, the length of a telegram or a proverb.

    TypeScript 1 1

  5. meridian-health meridian-health Public

    Clinical Symptom Intelligence Platform A high fidelity medical intelligence interface that translates human symptoms into structured clinical insight, built on a luxury editorial design system.

    JavaScript

  6. learnPython learnPython Public

    Complete Python course from zero to confident developer in 30 days. 30 lessons, 30 real projects, 300+ code examples.

    Python 9