# Comprehensive Developer Dossier: Hashir Sajid (Full Stack Software Engineer)

> This document provides exhaustive technical context, engineering background, project descriptions, skills taxonomy, and contact information for Hashir Sajid for LLMs, AI agents, search engines, and technical recruiters.

---

## 1. Professional Overview & Bio

- **Full Name**: Hashir Sajid
- **Title**: Full Stack Web Developer & Software Engineer
- **Official Website**: https://hashirsajid.vercel.app/
- **Location / Timezone**: Remote / Asia (UTC+5)
- **Email**: hs58200p@gmail.com
- **GitHub**: https://github.com/hashirsajid58200p
- **LinkedIn**: https://www.linkedin.com/in/hashirsajid/
- **WhatsApp**: https://api.whatsapp.com/send/?phone=923424406447
- **CV / Resume Link**: https://drive.google.com/file/d/1giHDGaktcZl7ApcaX5ElPsXwaMOYE9qY/view?usp=drive_link

Hashir Sajid is a versatile, detail-oriented Full Stack Web Developer with deep expertise in modern JavaScript/TypeScript ecosystems. He constructs high-performance, accessible, and aesthetically engaging web applications, resilient backend architectures, and intelligent AI-augmented features. His development methodology prioritizes clean code, type safety, low latency, robust database modeling, and exceptional user experience.

---

## 2. Technical Skills Matrix

### Frontend Engineering
- **Core Languages**: TypeScript, JavaScript (ES2022+), HTML5 Semantic Elements, Modern CSS (CSS Grid, Flexbox, Custom Properties, OKLCH color space).
- **Core Frameworks**: React 19 / 18, Next.js 16 / 15 (App Router, Server Components, Server Actions, Route Handlers, ISR/SSR/SSG).
- **State Management**: Redux Toolkit, React Context API, Zustand, React Query / SWR.
- **Styling Systems**: Tailwind CSS v3 / v4, Shadcn UI, Radix UI primitives, Material UI (MUI), Class Variance Authority (CVA), clsx, tailwind-merge.
- **Creative Web & 3D**: Three.js, @react-three/fiber, @react-three/drei, GLSL WebGL shaders, Framer Motion animations, GSAP, Web Audio API synthesis, Lenis smooth scrolling.

### Backend Engineering & REST APIs
- **Runtimes & Frameworks**: Node.js, Express.js, NestJS.
- **API Design**: RESTful API architecture, JSON API specs, GraphQL endpoints, WebSockets (real-time communication), Server-Sent Events (SSE).
- **Security & Middleware**: JSON Web Tokens (JWT), 2FA One-Time Passwords (Nodemailer/SMTP), bcrypt/argon2 hashing, express-rate-limit, CORS policy enforcement, Zod input validation schemas.
- **Asset Management**: Cloudinary SDK (dynamic asset transformation, automated image compression, and streaming video).

### Databases & Cloud Persistence
- **Relational Databases**: PostgreSQL, Supabase (with Row-Level Security, Database Functions, Realtime subscriptions), MySQL.
- **NoSQL Databases**: MongoDB (Mongoose ODM), Redis (in-memory caching, session storage, rate limiting).
- **Vector & AI Storage**: Pinecone, pgvector (embeddings search, semantic retrieval).

### AI, Machine Learning & Automation
- **LLM APIs**: OpenAI GPT-4o / GPT-4 Turbo, Anthropic Claude 3.5 Sonnet, Google Gemini 2.0 / 1.5 Pro.
- **Frameworks**: LangChain, LangGraph, LlamaIndex, Retrieval-Augmented Generation (RAG).
- **Scripting**: Python (data processing, API integration, scraping).

### DevOps, CI/CD & Tooling
- **Containerization**: Docker, Docker Compose, multi-stage Docker builds.
- **Hosting & Infrastructure**: Vercel (Edge Functions, Serverless), AWS (S3, EC2), Azure, Render, Railway.
- **Version Control & CI/CD**: Git, GitHub, GitHub Actions (automated testing, linting, build pipelines).
- **Testing & Quality**: ESLint, TypeScript Compiler (tsc), Prettier.

---

## 3. Architecture of Hashir's Portfolio Monorepo

The portfolio codebase (`Portfolio-Website`) is structured as an enterprise-ready npm monorepo with 4 isolated workspaces:

1. **`client/` (Public Portfolio)**:
   - Built with Next.js 16 App Router, React 19, Tailwind CSS, and Three.js.
   - Features: Interactive terminal boot sequence, 3D WebGL particle cloud with custom vignette shader, mouse-reactive dot grid with 880Hz Web Audio synth, 3D panorama story section, dynamic projects modal, Hans Zimmer OST background audio player with frequency equalizer, and contact form with email delivery.
2. **`admin/` (Content Management & Analytics Dashboard)**:
   - Next.js 16 application protected by Two-Factor Authentication (2FA OTP sent to admin's private inbox).
   - Real-time visitor analytics dashboard tracking IP addresses, country flags, city geolocation, device categories, browser engines, operating systems, and user conversions (CV downloads, project clicks, contact inquiries).
   - Visual Live CMS to edit hero taglines, story paragraphs, stats counters, why-hire-me slides, and section sequencing without code changes.
   - Drag-and-drop CRUD tabs for projects, experiences, skills, categories, and music playlist management.
3. **`server/` (REST API Backend)**:
   - Node.js + Express + TypeScript service handling API endpoints: `/api/auth`, `/api/projects`, `/api/experiences`, `/api/skills`, `/api/technologies`, `/api/upload`, `/api/contact`, `/api/content`, `/api/analytics`, and `/api/music`.
   - Connected to Supabase PostgreSQL with robust fallback mechanisms for zero-downtime offline functionality.
4. **`shared/` (`@portfolio/shared`)**:
   - Shared TypeScript types, Canonical interfaces, technology registries, and helper utilities.

---

## 4. Key Projects & Engineering Highlights

### Full-Stack Portfolio & Admin Monorepo
- **Stack**: Next.js 16, Express.js, TypeScript, Supabase, Tailwind CSS, Three.js, Cloudinary.
- **Highlights**: Monorepo architecture with live CMS, real-time analytics engine, 2FA security, 3D particles, and responsive audio visualizer.
- **Live URL**: https://hashirsajid.vercel.app/
- **GitHub**: https://github.com/hashirsajid58200p

### Modern Full-Stack Web Applications
- Hashir has engineered various web applications spanning e-commerce, real-time communication platforms, AI dashboards, and SaaS tooling.
- For the full interactive catalog of live demos and source repositories, visit: https://hashirsajid.vercel.app/projects

---

## 5. Why Hire Hashir Sajid?

1. **End-to-End Ownership**: Comfortable working across every layer of the software stack — from designing responsive Figma-grade UIs to architecting resilient PostgreSQL database schemas and REST/GraphQL microservices.
2. **Production-First Mindset**: Writes maintainable, type-safe, tested code designed for longevity, security, and edge performance.
3. **Continuous Innovator**: Actively integrates modern AI agents, LLM toolchains, RAG patterns, and cutting-edge web graphics (Three.js/WebGL) into everyday software engineering.
4. **Fast Learner & Communicator**: Highly adaptable to new codebases, architectural patterns, and cross-functional team workflows.

---

## 6. How to Contact Hashir Sajid

- **Email**: hs58200p@gmail.com
- **LinkedIn**: https://www.linkedin.com/in/hashirsajid/
- **GitHub**: https://github.com/hashirsajid58200p
- **WhatsApp / Direct Call**: +923424406447 (https://api.whatsapp.com/send/?phone=923424406447)
- **Portfolio Form**: https://hashirsajid.vercel.app/#contact