Imran Codes

Making My Mark on the Universe: My Achievements So Far

Public builds and tutorials from my YouTube channel — full walk-throughs, source on GitHub, and project-based learning for React, Next.js, TypeScript, and modern auth. Explore the code on GitHub — these builds have helped a lot of developers level up over the years.

  • 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