Skip to content
View MahdiJDS's full-sized avatar
🎯
Focusing
🎯
Focusing

Block or report MahdiJDS

Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
MahdiJDS/README.md

👋 Hi, I'm Mahdi Jahed

Front-End Developer | React, Next.js & TypeScript | Exploring Full-Stack Development | Building Modern Web Experiences

Portfolio Email Telegram


🚀 About Me

I'm a passionate Frontend Developer specializing in React, Next.js, and TypeScript, with experience building scalable, responsive, and production-ready web applications.

I enjoy transforming complex ideas into intuitive user experiences while writing clean, maintainable, and reusable code.

Recently, I've expanded into Full-Stack Development, building complete applications with modern backend technologies, authentication systems, databases, and RESTful APIs.

  • 💻 Frontend: HTML | CSS | JavaScript (ES6+) | TypeScript | React | Next.js | Tailwind CSS | Bootstrap | Framer Motion

  • ⚙️ Backend: Node.js | Express.js | Prisma ORM | PostgreSQL | JWT Authentication | REST APIs

  • 🧠 State Management: Context API | Redux Toolkit | Zustand | TanStack Query

  • 📋 Forms & Validation: React Hook Form | Zod | Yup

  • ☁️ Cloud & Deployment: Cloudinary | Supabase | Vercel

  • 🎯 Currently Exploring: System Design, Software Architecture, DevOps, CI/CD, and Performance Optimization


🌱 Future Vision

I���m currently deepening my knowledge of scalable frontend architecture and modern full-stack development.

My long-term goal is to become a highly skilled Full-Stack Software Engineer, capable of designing, building, deploying, and maintaining production-grade applications.


🚀 Featured Project

🏡 RealNest – Full Stack Real Estate Platform

A production-ready real estate platform built with modern web technologies.

Highlights

  • 🔐 JWT Authentication
  • 🏠 Property CRUD
  • 📸 Cloudinary Image Upload + multer
  • 🔍 Search & Filtering
  • ⚡ TanStack Query
  • 🗄 PostgreSQL + Prisma
  • 📱 Responsive & modern UI
  • 🚀 Next.js + Express Architecture

Building complete full-stack applications with clean architecture, type safety, and scalable design.


🧰 Tech & Tools

⚙️ All these tools have been used in real-world, deployed projects with a strong focus on clean code, scalability, and performance optimization.


💡 My Approach

  • Clean & Maintainable Code: Writing modular, scalable, and readable code followin best practices.
  • Component-Driven Architecture: Building reusable, composable, and maintainable React components.
  • State Management: Using Context API, Redux Toolkit, Zustand, and TanStack Query where each fits best.
  • API Design & Integration: Developing and consuming secure RESTful APIs with authentication and efficient data handling.
  • Performance Optimization: Applying lazy loading, code splitting, memoization, caching, and rendering optimizations.
  • Responsive Design: Creating mobile-first, adaptive, and pixel-perfect user interfaces across devices.
  • Accessibility: Building inclusive interfaces with accessibility and usability in mind.
  • Continuous Learning: Continuously exploring modern technologies, software architecture, and engineering best practices.
  • Team Collaboration: Following Git workflows, meaningful commits, code reviews, and maintainable project structures.

🧭 My Vision

“I’m not just building websites — I’m crafting experiences that connect users with technology.”

With curiosity, discipline, and continuous learning, I strive to build software that creates meaningful value and delivers exceptional user experiences.


✨ Let's Connect! ✨

TelegramEmailPortfolio

Pinned Loading

  1. real-estate-platform real-estate-platform Public

    A production-ready full-stack real estate platform built with Next.js, Express.js, TypeScript, Prisma, PostgreSQL, Supabase, React Query, Zustand, and shadcn/ui.

    TypeScript 8

  2. personal-portfolio personal-portfolio Public

    A stylish, responsive, and motion-enhanced personal website built with React, TailwindCSS, and Framer Motion

    JavaScript 1

  3. online-exam-ts online-exam-ts Public

    powerful online examination platform built with TypeScript , TailwindCSS

    CSS 1

  4. Esnap Esnap Public

    A full-featured ride-hailing desktop application inspired by Snapp

    C# 1

  5. iphone-shop iphone-shop Public

    mini iphone shop web app with cart management, login/register system, animations, and modern UI effects.

    HTML 1

  6. translator-App translator-App Public

    A sleek, modern, and lightweight **text translation app** built with vanilla JavaScript, using the **Google Translate API via RapidAPI**.

    CSS 1