Skip to content
View hassanireza's full-sized avatar
21 followers · 2 following

Achievements

Achievement: Pull Sharkx2Achievement: StarstruckAchievement: Pair ExtraordinaireAchievement: Galaxy BrainAchievement: YOLOAchievement: Quickdraw

Achievements

Achievement: Pull Sharkx2Achievement: StarstruckAchievement: Pair ExtraordinaireAchievement: Galaxy BrainAchievement: YOLOAchievement: Quickdraw

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


01  About

I build 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 rather than finishing touches.

I work the seam between mockup and shipped product, holding engineering discipline and design judgment to the same standard so the distance between the two stays as close to zero as possible.

Core Strengths

▸ Design-to-code, Figma to production CSS ▸ Accessible, responsive interface engineering ▸ Motion and interaction design ▸ Design systems at scale ▸ Django and Wagtail integration

02  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, so 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

03  Tech Stack

Front-End






Back-End & CMS





Design & Creative





Tooling





04  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."


05  Brand & Art Direction


Every project I ship carries a written brand system before a single line of interface code, defining palette, typography, tone, and the rules that keep a visual identity disciplined instead of decorative. The direction below governs Abyssal Liturgy, a ceremonial identity built for the edge of land and sea, where fashion, ritual, and biological form are treated as forgotten religious painting, submerged for centuries.

Void Charcoal Cold Slate Ash Gray Bone White Bio Residue
#050506 #111318 #2b3038 #6d727b #e9e4da #3c4b46
#050506 #111318 #2b3038 #6d727b #e9e4da #3c4b46

Governing rule: ninety-five percent black, one light source, texture over color as the primary signal. View the full brand and art direction →


06  Highlighted Project

A single-page, scroll-driven brewing guide for six coffee methods, built as a React and TypeScript SPA. Each method is illustrated with a frame-by-frame video sequence scrubbed by scroll position, the same technique used on Apple's product pages, powered by GSAP 3 and ScrollTrigger.

React TypeScript Vite GSAP Brand Book




Reza Hassani  ·  Front-End Developer  ·  UI/UX Designer  ·  Creative Technologist

Pinned Loading

  1. 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 20

  2. 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

  3. daryablog/daryablog.github.io daryablog/daryablog.github.io Public

    Darya is a lightweight, content-first blogging platform built around a simple idea: writing a post should be a content change, not a code change.

    TypeScript 13

  4. learnPython learnPython Public

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

    Python 9

  5. nexusStore nexusStore Public

    Production-ready Django e-commerce platform designed with a modern product experience.

    Python 1 1

  6. lexera lexera Public

    A gamified English vocabulary app that makes learning words feel like a game worth returning to.

    Python 1 1