Skip to content
View hassanireza's full-sized avatar
17 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 brand and art direction →


06  Highlighted Project

Undertow project preview



Undertow

Web design & motion graphics studio | full-stack, live demo

A studio site built on a single premise: restraint is a design choice, not an absence of one. Undertow is a fictional web design and motion graphics studio, brought to life as a full-stack React and Django application, one clear hierarchy, considered type, and motion that earns its place, nothing added because it was easy, nothing left in because no one questioned it.

Undertow architecture: React SPA to Django REST Framework to PostgreSQL, scoped by organization

The front end is a strict-TypeScript React SPA served from Vite, with a class-based domain model shared across the codebase. The back end is Django and Django REST Framework, structured around multi-tenant scoping (Organization, Membership) so the same codebase can serve more than one studio without a rewrite, a public read-only API for the portfolio, a write-only endpoint for inquiries, and Django admin as the only internal tool by design, no dashboard to maintain until there's a reason for one.

React TypeScript Vite Django PostgreSQL Railway




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

Pinned Loading

  1. undertow undertow Public

    Undertow is a studio built around one idea. Restraint is a design choice, not an absence of one. Every interface we ship carries a single clear hierarchy, considered type, and motion that earns its…

    TypeScript

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

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

  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