Available for collaboration
Mahdyar Shirzad

Mahdyar Shirzad

Full-Stack Web Developer

I build production-ready web products from interface to backend.

I work with TypeScript, React, Next.js and Node.js to deliver products with clean architecture, reliable performance, and code that scales.

Tech Stack
JavaScriptTypeScriptReactNext.jsNode.jsExpressNestJSMongoDBPostgreSQL
mahdyar@mahdyardev: ~/portfolio

Last login: Fri Sep 25 2026 on ttys000

mahdyar@mahdyardev:~/MahdyarDev$ whoami

Mahdyar Shirzad

Full-Stack Web Developer

mahdyar@mahdyardev:~/MahdyarDev$ stack

TypeScript React Next.js Node.js

MongoDB Express Tailwind CSS

mahdyar@mahdyardev:~/MahdyarDev$ git log --oneline -3

f4a9c21 feat: realtime collaboration API

c81de04 refactor: Next.js route handlers

2b93f6a fix: MongoDB aggregation pipeline

mahdyar@mahdyardev:~/MahdyarDev$ npm run build

✓ Compiled successfully in 1.2s

✓ First Load JS: 84.2 kB — 42 routes

mahdyar@mahdyardev:~/MahdyarDev$

About Me

Engineer first, developer second.

I'm Mahdyar Shirzad — a full-stack developer and computer science student with over 5 years of coding experience, from personal projects to working on real products that are in use today. With React/Next.js and Node.js, I build products that have clean user interfaces and reliable backends — and I always know why every line of code is there.

I focus on building products that are architecturally sound, performant, and maintainable. Every decision — from component structure to database design — is made with production in mind.

Architecture

I design systems with clear boundaries and structure that can evolve without becoming difficult to maintain.

Performance

I treat performance as an engineering concern, making thoughtful decisions from the frontend to the backend.

Maintainability

I write code that stays readable, predictable, and easy to change as the project grows.

Problem Solving

I focus on understanding the problem first, then choosing the simplest solution that actually fits it.

Technologies I Build With

A focused stack for building modern, scalable web experiences — from pixel-perfect interfaces to production-ready APIs.

Frontend

15
Technologies

Modern interfaces & client architecture

  • React.js
  • Next.js
  • TypeScript
  • JavaScript
  • Tailwind CSS
  • Redux Toolkit
  • React Hook Form
  • Zod
  • Framer Motion
  • HTML5
  • CSS3
  • Responsive Design
  • TanStack Query
  • React Hooks
  • Context API

Backend

11
Technologies

APIs, services & the data layer

  • Node.js
  • Express.js
  • MongoDB & Mongoose
  • RESTful APIs
  • JWT Authentication
  • API Design
  • Error Handling
  • Axios
  • NestJS
  • Prisma
  • PostgreSQL

Engineering

11
Technologies

Tooling, testing & CS fundamentals

  • Git & Version Control
  • GitHub
  • ESLint
  • Prettier
  • Jest
  • TanStack Query
  • Postman
  • Clean Code
  • Algorithm Design
  • Data Structures
  • Linux

Projects I’ve Built

A selection of products, experiments, and systems I’ve designed and engineered.

DevMatrix — project preview

01Live

DevMatrix

Smart platform for analyzing and managing developer activity focused on GitHub data, AI-powered debugging, and providing actionable insights for software development

Stack
  • Next.js
  • TypeScript
  • Node.js
  • Express.js
  • MongoDB
  • Mongoose
  • GitHub API
  • Groq AI
Deep Coding — project preview

02Live

Deep Coding

Programming education platform with full-stack architecture and advanced course management system

Stack
  • React.js
  • Node.js
  • Express.js
  • MongoDB
  • Mongoose
  • TanStack Query
My Trip — project preview

03Live

My Trip

Flight and hotel booking platform focused on concurrency management, fast user experience, and scalable architecture

Stack
  • Next.js
  • TypeScript
  • Node.js
  • Express.js
  • MongoDB
  • Mongoose

Experience & Education

The path behind the work.

Download Resume

01Work Experience

Professional roles & industry experience

February 2024 - July 2025Sari, Mazandaran, Iran

React.js & Next.js Developer

Apanco

  • Built and maintained production web interfaces using React.js and Next.js with a focus on reusable components and modern frontend architecture
  • Worked with Next.js Server Components and rendering strategies to support performance and SEO requirements
  • Integrated frontend features with REST APIs and managed server state using TanStack Query

October 2022 - July 2023Tabriz, East Azerbaijan, Iran

React.js & Next.js Developer

Pouyesh Gostaran

  • Developed web applications with Next.js using SSR and SSG to improve page performance and support SEO requirements
  • Designed modular and reusable React components with a maintainable frontend architecture
  • Integrated frontend features with backend APIs, fixed production issues, conducted code reviews, and contributed to frontend technical decisions

July 2022 - October 2022Sari, Mazandaran, Iran

React.js Developer

Arman Pajouhan

  • Implemented responsive React.js interfaces based on UI/UX designs with a focus on reusable components
  • Integrated React components with backend REST APIs and implemented component-level state management
  • Collaborated with the development team to deliver frontend features within short project timelines

September 2021 - March 2022Sari, Mazandaran, Iran

Web Developer

Sepehr Academy

  • Developed responsive web pages using HTML, CSS, and JavaScript by converting UI designs into functional interfaces
  • Fixed UI issues and improved cross-browser and cross-device compatibility
  • Started applying React.js in internal projects and developed foundational component-based frontend skills

02Education

Academic background & professional training

January 2023 - PresentSari, Mazandaran, Iran

Bachelor of Computer Engineering

Rouzbahan University

  • Studying software engineering principles, data structures, algorithm analysis and design, and core computer engineering concepts.

Professional TrainingOnline

Advanced Software Engineering Courses

Udemy / 7learn / Nikamooz

  • Completed professional training in JavaScript, TypeScript, React.js, Next.js, Node.js, backend development, databases, and modern software engineering practices.

Live Activity

GitHub Activity

A live snapshot of my open-source work and contribution history.

View GitHub
MahdyarDev — ~/contrib

MahdyarDev:~/contrib$ github --stats --year 2026

contributions0
active-days0
longest-streak0 days
featured-stack

MahdyarDev:~/contrib$ github --calendar --year 2026

Year

No data available for this year

What I Build

I understand every part of a project — from UI design to server architecture — so I can take full responsibility for a feature and coordinate with the team faster.

01 /

Full Web Application Development

From concept to deployment with Node.js and React.js — a complete package delivering the entire product or key portions of it.

02 /

Server-Side Rendering with Next.js

Using SSR/SSG for fast load times where performance is a core architectural decision, not an afterthought.

03 /

Backend & API Design

Database architecture with MongoDB and scalable server — focused on data security and extensible structure for team collaboration.

04 /

Dashboard & Admin Panel

Complex user interfaces with interactive charts, advanced filtering, and real-time synchronization handling data-intensive experiences.

05 /

Refactoring & Performance Optimization

Identifying and resolving performance bottlenecks, rewriting non-standard code, and improving Core Web Vitals in existing projects.

06 /

Pixel-Perfect UI/UX Implementation

Converting Figma designs to responsive code with Tailwind CSS, with attention to detail and smooth animations.

Terminal

Try it out — Mahdyux

Here you can interact with me instead of scrolling. Try a few commands and discover for yourself.

mahdyux: ~
Last login: Sun Aug 02 2026 on ttys000
Welcome to mahdyux — type 'help' to see available commands.
mahdyar@mahdyux:~$ 

Open Channel

Start a Technical Conversation

Have an idea for collaboration, want to start a new project, or just want to talk software architecture? The lines are open.

I read every message and reply as soon as I can.

Let's Talk