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

Block or report codingwithriha

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.

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

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

Report abuse
codingwithriha/README.md

Portfolio   Hire Me   Profile Views



{ about_me }

/**
 * ┌─────────────────────────────────────────────────────────┐
 * │              RIHA SHAHZADI  —  whoami                   │
 * └─────────────────────────────────────────────────────────┘
 */

const riha = {
  title      :  "MERN Stack Developer  |  Full-Stack Engineer",
  location   :  "Pakistan 🇵🇰",
  stack      :  [ "MongoDB", "Express.js", "React.js", "Node.js" ],
  also       :  [ "TypeScript", "Next.js", "Redux", "TailwindCSS" ],

  superpower :  "End-to-end ownership — schema → API → UI → deploy",

  building   :  "Production MERN SaaS platforms with TypeScript",
  learning   :  "System design · Redis · Docker · WebSockets at scale",
  openTo     :  "Full-time MERN / Full-Stack roles",

  teaches    :  "youtube.com/@codingwithriha  🎬",
  contact    :  "rihashehzadi2003@gmail.com",
};

export default riha; // → ready to ship 🚀


{ stack }


— Core Stack —

M E R N
Database Server UI Layer Runtime

⚛️  Frontend

React.js         ████████████
TypeScript       ███████████░
Next.js          █████████░░░
TailwindCSS      ████████████
Redux Toolkit    ██████████░░
React Hook Form  █████████░░░
SASS / SCSS      ██████████░░
HTML5 · CSS3     ████████████
Vite             ████████████

🔧  Backend

Node.js          ████████████
Express.js       ████████████
REST API Design  ███████████░
JWT / Auth       ██████████░░
Mongoose ODM     ███████████░
Socket.io        ████████░░░░
Laravel / PHP    ███████░░░░░

🗄️  Data & Cloud

MongoDB          ████████████
MySQL            █████████░░░
Firebase         ████████░░░░
Supabase         ███████░░░░░
Vercel           ████████████
Netlify          ███████████░
Render           ████████░░░░

🛠️  Tools

Git GitHub GitHub Actions Postman Figma VS Code MUI Bootstrap Canva NPM



{ projects }


⚡  MERN SaaS Dashboard

MERN Status

Multi-tenant SaaS with role-based access, real-time analytics, and a custom component library.

  • 🔐 JWT auth + RBAC route protection
  • 📊 Express API + MongoDB aggregation pipelines
  • ⚛️ React + Redux state architecture
  • 🚀 Deployed: Vercel (FE) + Render (API)

→ Cut client reporting time by ~60%


Demo Repo

💬  Real-Time Chat App

Stack Status

Full-stack messaging platform with WebSocket rooms, auth, and persistent history.

  • ⚡ Socket.io rooms + live typing indicators
  • 🗄️ MongoDB messages with cursor pagination
  • 🔄 JWT refresh token rotation
  • 📱 Fully responsive React UI

→ Sub-100ms message delivery latency


Demo Repo

🛒  Full-Stack E-Commerce

Stack Status

SEO-optimized storefront with smart filtering, cart state, and checkout flow.

  • 🔍 Next.js SSR/SSG for Core Web Vitals
  • 🔎 Express product search + filter API
  • 🛒 Redux cart + order management
  • 💳 Stripe-ready payment integration

→ Lighthouse score 95+ across all pages


Demo Repo

📋  REST API — Task Manager

Stack Status

Production-grade API with MVC architecture, full CRUD, teams, and auth.

  • 🏗️ Clean MVC with Express.js + Mongoose
  • 🔐 JWT + bcrypt — protected route layer
  • 📝 Postman-documented — 30+ endpoints
  • 👥 Team workspaces + permission scopes

→ <200ms avg response under concurrent load


Demo Repo



{ analytics }


 







{ right_now }


   
🔨  Building Production MERN SaaS boilerplate — auth + billing-ready + fully typed
📖  Learning System design · Redis · Docker · React Server Components
🎯  Goal MERN / Full-Stack role at a product-focused team
🎬  Teaching Breaking down real builds at Coding with Riha ↗
💬  Ask me about MERN architecture · REST API design · React state · SaaS patterns
⚡  Fun fact I debug backends in the morning and polish UIs at night


{ connect }


Portfolio   LinkedIn   Email   YouTube



Behance   X / Twitter   Instagram   Facebook   Discord


Riha Shahzadi  |  MERN Stack Developer

Pinned Loading

  1. n8n n8n Public

    Forked from n8n-io/n8n

    Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.

    TypeScript 2

  2. firstcontributions/first-contributions firstcontributions/first-contributions Public

    🚀✨ Help beginners to contribute to open source projects

    54.5k 104k

  3. lucide-icons/lucide lucide-icons/lucide Public

    Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.

    TypeScript 23k 1.4k

  4. community/community community/community Public

    Public feedback discussions for: GitHub Mobile, GitHub Discussions, GitHub Codespaces, GitHub Sponsors, GitHub Issues and more!

    Ruby 8.4k 3.8k

  5. Wajahat43/psxworth Wajahat43/psxworth Public

    PsxWorth is modern portfolio tracking app for PSX investors.

    TypeScript 11 13

  6. LMS-Saas-Project LMS-Saas-Project Public

    LMS SaaS app featuring user authentication, subscriptions, and payments using Next.js, Supabase, and Stripe — also integrates Vapi AI voice agent for seamless, interactive learning sessions.

    TypeScript 16 2