Skip to content
View hassanireza's full-sized avatar
19 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 

+ 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



Abyssal Liturgy

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

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 18

  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. learnPython learnPython Public

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

    Python 9

  4. nexusStore nexusStore Public

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

    Python 1 1

  5. lexera lexera Public

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

    Python 1 1