Portfolio — build log

Maryam Rastin

Front-end developer working in React, TypeScript, and Redux Toolkit. I turn interfaces into working state machines — this page is a running log of what I've shipped, most recent first.

Email LinkedIn GitHub
Maryam Rastin

I'm a front-end developer focused on React, TypeScript, and Redux Toolkit — I like taking an interface and figuring out exactly how its state should flow, then keeping the UI simple enough that the state never shows. Based in Tehran, open to junior front-end roles and internships.

Download résumé

Seven shipped, in order

LOG 001 – 007
LOG 007 · 2026.08.08

Full-Stack Post Manager

A complete post management app with a custom Express + TypeScript backend, PostgreSQL via Drizzle ORM, and a React frontend — containerized with Docker.

React TypeScript Express PostgreSQL Docker
Source
LOG 006 · 2026.06.21

Task Manager

Kanban-style task tracker with status filtering — To Do, In Progress, Completed — all handled through a single Redux Toolkit store, styled with Tailwind.

React Redux Toolkit Tailwind CSS
Live demo Source
LOG 005 · 2026.06.20

LinkedIn Clone

A social feed modeled on LinkedIn's core loop — sign in, post, like, comment — synced in real time through Firestore, with Redux Toolkit managing auth and feed state.

React Redux Toolkit Firebase Auth Firestore
Live demo Source
LOG 004 · 2026.06.17

E-Commerce Store

Browse products, manage a cart, adjust quantities — cart and product state stay in sync across every view through a single Redux Toolkit store.

React Redux Toolkit React Router
Live demo Source
LOG 003 · 2026.06.15

Gym Exercises

Workout discovery app pulling live exercise data from a public fitness API — browsable by muscle group and equipment, with a responsive Material UI interface.

React Material UI React Router REST API
Live demo Source
LOG 002 · 2026.06.15

Free Game Database

Searchable, filterable game catalog on a hand-configured Webpack build — with ESLint, Prettier, Stylelint and Husky enforcing consistent code on every commit.

React TypeScript Webpack Axios
Live demo Source
LOG 001 · 2026.06.14

Expense Tracker

Logs income and expenses and charts the running balance with animated ApexCharts visualizations.

React Chakra UI ApexCharts Framer Motion
Live demo Source