Skip to content
View Hadi87s's full-sized avatar
🎯
Focusing
🎯
Focusing
27 followers · 26 following

Achievements

Achievement: Pull Sharkx3Achievement: QuickdrawAchievement: YOLO

Achievements

Achievement: Pull Sharkx3Achievement: QuickdrawAchievement: YOLO

Highlights

  • Pro

Organizations

@SweetInstitution @NextGenCodersGSG @TaskMaster78 @My-Note-Keeper

Block or report Hadi87s

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 250 characters, markdown supported. This note will be visible to only you.
Report abuse

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

Report abuse
Hadi87s/README.md
Welcome

Hadi Irshaid

Frontend Engineer • Next.js & React.js

Next.js    React

About Me

I’m a Computer Engineering student at An-Najah National University (NNU) with a strong focus on modern frontend engineering. I design and build fast, accessible, and maintainable web apps — from clean UI systems to robust, production-ready Next.js applications.

Tech Focus

Next.js    React    TypeScript    MUI    Tailwind CSS    Framer Motion    TanStack Query    Axios    ESLint    Prettier    Vercel

  • Core: Next.js (App/Pages Router), React, TypeScript
  • UI: MUI, Tailwind CSS, Framer Motion, GSAP
  • Data & APIs: React Query (TanStack), Axios
  • Quality & DX: ESLint, Prettier, Vercel

What I Do

  • Build performance-minded Next.js apps with clear architecture and reusable components
  • Create pixel-perfect UIs with MUI/Tailwind and smooth motion with Framer
  • Engineer type-safe APIs & data flows (React Query, Axios, TS)
  • Ship accessible features and maintain clean, scalable codebases

Selected Highlights

  • Design Systems & Theming: scalable MUI/Tailwind themes (light/dark, RTL/LTR)
  • Rich Interactions: Framer-powered micro-animations and transitions
  • Data-Driven UI: robust fetching/cache layers with React Query
  • Production Ready: linted, tested, and deployable with CI in mind

Connect With Me

Portfolio: hadiirshaid.netlify.app

Pinned Loading

  1. NextGenCodersGSG/CodePilot NextGenCodersGSG/CodePilot Public

    An advanced AI-driven code analysis tool built with Next.js, leveraging OpenAI's API to review and debug code efficiently.

    TypeScript 5 3

  2. Oxygen-Gym Oxygen-Gym Public

    Oxygen is a Gym located in Kuwait and the UAE.

    HTML

  3. Sentilytics Sentilytics Public

    Web application for data scraping and sentiment analysis.

    TypeScript

  4. AppointMed AppointMed Public

    A Clinic Appointment System

    TypeScript 2

  5. MyPortfolio MyPortfolio Public

    A collection of my humble work in the software industry.

    TypeScript