Available for new projects

Building web experiences
that feel as good as they look.

A little about me

I'mEllaheKhawariandI’vebeenseriouslypursuingwebdevelopmentforthepastthreeyears.Istartedwithstructuredcoursesandtraining,thencontinuedlearningonmyownthroughtutorials,experimentsand—mostimportantly—buildingthings.Ienjoycreatingsomethingpeoplecanactuallysee,use,andconnectwith.Visualdesignmattersalottome,butIdon’tseeitasseparatefromusabilityorperformance.Agoodinterfaceshouldfeelthoughtful,responsive,accessible,andnaturaltouse.

Frontend Development

HTML5, Bootstrap, Tailwind CSS, TypeScript, React, jQuery
JavaScript, MUI, Responsive Design, Next.js, CSS3/Sass(SCSS), Framer Motion

Tools & Interactive Technologies

Vite — Motion — Zustand — Node.js — WebGL — Git/GitHub — REST API — Three.js — Figma — TanStack Query — React Hook Forms — React Router — Prompt Engineering — AI Tools & Agents —Vite — Motion — Zustand — Node.js — WebGL — Git/GitHub — REST API — Three.js — Figma — TanStack Query — React Hook Forms — React Router — Prompt Engineering — AI Tools & Agents —Vite — Motion — Zustand — Node.js — WebGL — Git/GitHub — REST API — Three.js — Figma — TanStack Query — React Hook Forms — React Router — Prompt Engineering — AI Tools & Agents —Vite — Motion — Zustand — Node.js — WebGL — Git/GitHub — REST API — Three.js — Figma — TanStack Query — React Hook Forms — React Router — Prompt Engineering — AI Tools & Agents —Vite — Motion — Zustand — Node.js — WebGL — Git/GitHub — REST API — Three.js — Figma — TanStack Query — React Hook Forms — React Router — Prompt Engineering — AI Tools & Agents —Vite — Motion — Zustand — Node.js — WebGL — Git/GitHub — REST API — Three.js — Figma — TanStack Query — React Hook Forms — React Router — Prompt Engineering — AI Tools & Agents —Vite — Motion — Zustand — Node.js — WebGL — Git/GitHub — REST API — Three.js — Figma — TanStack Query — React Hook Forms — React Router — Prompt Engineering — AI Tools & Agents —Vite — Motion — Zustand — Node.js — WebGL — Git/GitHub — REST API — Three.js — Figma — TanStack Query — React Hook Forms — React Router — Prompt Engineering — AI Tools & Agents —Vite — Motion — Zustand — Node.js — WebGL — Git/GitHub — REST API — Three.js — Figma — TanStack Query — React Hook Forms — React Router — Prompt Engineering — AI Tools & Agents —Vite — Motion — Zustand — Node.js — WebGL — Git/GitHub — REST API — Three.js — Figma — TanStack Query — React Hook Forms — React Router — Prompt Engineering — AI Tools & Agents —
Selected projects

PROJECTS

Ideas turned into hands-on experience.
Project01
01
NOVA panel

NOVA
ADMIN

An admin dashboard designed around a realistic product structure, with a focus on practical interface patterns and data management. It includes simulated authentication and a product management area with search, filtering, sorting, and full create, edit, and delete operations.

Next.js / D3 / Tailwind

Admin Dashboard

Project02
02
ELLARA ACADEMY

ELLARA
ACADEMY

A multilingual language-learning platform built with a modern interface and a structure inspired by real-world products. The project includes simulated authentication, a student dashboard, Persian and English support, automatic RTL/LTR direction changes, and light and dark themes.

React / TypeScript / Framer Motion

Language Learning Platform

Project03
03

ESTATEIN

A real-estate platform focused on presenting and managing property listings through clear search and filtering experiences. The project includes simulated authentication and a responsive interface designed for both desktop and mobile, with a structure that can be extended as the product grows.

React / Three.js / Sanity

Real Estate Platform

Project04
04
Abstract minimal composition of geometric objects

ELLARA
SHOP

The commerce counterpart to Ellara Academy — same visual language, tuned for browsing, comparison, and a fast, quiet checkout.

Next.js / Stripe / Tailwind

E-COMMERCE

Project05
05
Minimal modern workspace object on a neutral background

PORTFOLIO
EXPERIMENT

A self-directed study in editorial grid systems on the web — this section is, in fact, one of its results.

React / GLSL / Lenis

CASE STUDY

These are parts of my frontend journey — projects built to learn, experiment and find better ways to create .

My learning journey so far

1: Professional Frontend Web Development Course

Learning & Growth
My journey
Mar 2025 — Sep 2025
Barnamenevis Academy · Instructor: Ahmad Badpi
30%
If you have an idea or would like to collaborate, I’d love to hear from you

Let's talk about your idea

Short intro call

Let's talk aboutyour idea

You can get in touch with me to start a collaboration

ellahe.khawari@gmail.com