Projects
01Next.js · TypeScript · Docker · GitLab CI/CD · GitHub Actions
Production cosmetics e-commerce platform. Own the Next.js frontend in production with real users — every UI feature, fix, and the deployment pipeline.
- Containerized the frontend with Docker multi-stage builds inside a 7-stage GitLab CI/CD pipeline, mirrored by parallel GitHub Actions workflows
- Every deploy is gated on Playwright E2E tests against an isolated test database and container — nothing ships without passing tests
- Built a blue-green deployment strategy: new container health-checked on an alternate port before Nginx swaps upstream, with automatic rollback — ≈1ms switchover, zero downtime
02PixelCinema
Frontend DeveloperNext.js · TypeScript · WebSocket · SSE · Shadcn · i18n
Local frontend for cinema server management, built around a custom video player controller talking to a server-side media process over REST.
- WebSocket for real-time bidirectional player state sync, SSE for live progress on downloads and device copy operations — no polling
- Multi-language localization with dynamic locale switching and RTL-aware layouts
- Custom drag-and-drop interface for reordering cinema content with backend state sync
03BargheNo
Frontend Team Lead, 7-person teamNext.js · TypeScript · Shadcn · Docker · Go
Solar panel installation and monitoring platform — Software Design course capstone.
- Led the frontend sub-team: component architecture, task division, code review
- Owned frontend containerization and CI/CD: Dockerized the app and built the automated deploy pipeline
04AghaAnsari
Frontend & CI/CDNext.js · TypeScript · Go Microservices · Cypress
Team project consuming a Go microservices API gateway through clean-architecture boundaries.
- Built pages, data-fetching logic, and a component library against the Go backend
- Set up the CI/CD pipeline with Cypress E2E gating every deployment
Self-directed study
Ongoing focus on frontend performance and architecture: choosing SSR, SSG, ISR, or client rendering per route based on data freshness and SEO cost; route-level code splitting, dynamic imports, and image optimization; SEO/AEO through semantic HTML, Open Graph, and structured data; and picking the minimal state scope — context, URL, or server state — for each piece of UI.
Education
Iran University of Science and Technology
2022 — PresentB.Sc. Computer Engineering