Imran Codes

Making My Mark on the Universe: My Achievements So Far

I’ve been involved in numerous projects throughout the years, but these are the ones that fill me with the most pride. You can find them on my Youtube Channel, and some were completed for clients. I’ve carefully selected the ones that might catch your interest, so feel free to explore the code on my GitHub, as it has proven to be beneficial to many developers over time.

  • Clerk Auth Crash Course (Next.js 15 App Router)

    Clerk Auth Crash Course (Next.js 15 App Router)

    Full authentication for a real SaaS: custom UI, OAuth, protected routes, middleware, server-side auth, and deployment patterns. Great reference for enterprise auth.

    Clerk Auth Crash Course

  • WhatsApp Clone (Next.js 13 + TypeScript)

    WhatsApp Clone (Next.js 13 + TypeScript)

    Modern chat UI + real-time features using Next.js 13, TypeScript, Tailwind, Firebase v9, and pragmatic component patterns.

    WhatsApp Clone (Next.js 13 + TS)

  • WhatsApp Clone (Full-Stack MERN)

    WhatsApp Clone (Full-Stack MERN)

    End-to-end build with React, Node/Express, MongoDB, auth, REST APIs, and data modeling — a solid blueprint for chat apps.

    WhatsApp Clone (MERN Playlist)

  • Set Up Clerk in Next.js 15 (App Router)

    Set Up Clerk in Next.js 15 (App Router)

    Production-ready Clerk integration: Provider setup, environment keys, layouts, and best practices to scale auth.

    Set Up Clerk in Next.js 15

  • Secure API Routes with Clerk (Next.js)

    Secure API Routes with Clerk (Next.js)

    Server-side token/session verification to protect sensitive API logic — patterns you can lift into any fintech app.

    Secure API Routes

  • Email/Password Auth + Verification (Clerk + Next.js)

    Email/Password Auth + Verification (Clerk + Next.js)

    Classic credentials with email verification layered on modern auth — covers flows, UX, and security gotchas.

    Email/Password + Verify

  • Build a React Component Library (from scratch)

    Build a React Component Library (from scratch)

    Architecture and tooling to ship a shareable component library — linting, builds, packaging, and API design.

    Component Library Guide

  • Disney+ Clone

    Disney+ Clone

    Disney+ clone built on React JS and Redux with Firestore, Firebase Hosting, and Google authentication.

    Disney+ Clone

  • Hotel Admin Dashboard App

    Hotel Admin Dashboard App

    Hotel admin dashboard with CRUD over Firestore v9. Stack: React, TypeScript, Firestore, Firebase Hosting.

    Hotel Admin Dashboard App

  • Amazon Clone

    Amazon Clone

    Amazon storefront clone with Firebase authentication, Redux data layer, and Firebase Hosting deployment.

    Amazon Clone

  • Costa Coffee Clone

    Costa Coffee Clone

    Costa Coffee clone built with Next.js 12 + Styled Components, powered by a custom API and deployed on Vercel.

    Costa Coffee Clone