Skip to content
View rayhaanrakib's full-sized avatar
💻
💻

Block or report rayhaanrakib

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.

Content in all repositories owned by your account will be closed.
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
rayhaanrakib/README.md

👋 About Me

I'm Rakibul Islam Rayhan, a full-stack web developer who started on the frontend and has been growing into building complete, production-ready applications end to end.

  • 🎨 Started with React, Tailwind CSS & JavaScript — now building full-stack products
  • 🌱 Currently expanding into Next.js, TypeScript, PostgreSQL, Prisma, Supabase & OOP
  • 🛠️ Comfortable shipping across the full MERN stack, moving into Next.js
  • 🚀 Focused on real, deployed products — not just tutorial builds
  • 🎓 Completing my B.Sc. (results pending)
  • 📫 Reach me at rayhaanrakib@gmail.com
developer workspace illustration

🧰 Tech Stack

💻 Frontend

React.js Next.js JavaScript TypeScript Redux React Router React Query React Hook Form Tailwind CSS shadcn/ui Material UI Bootstrap HTML5 CSS3

⚙️ Backend & Database

Node.js Express.js MongoDB PostgreSQL Prisma NeonDB Redis Zod Supabase Firebase JWT Passport.js

🚀 DevOps & Deployment

Vercel Render Netlify Firebase Hosting

🛠️ Tools & Platforms

Git GitHub VS Code Postman Figma Framer

🛍️ CMS & Payments

WordPress Stripe SSLCommerz


🚀 Featured Projects

Bidyut Banner

⚡ A production-grade REST API for load-shedding schedules, outage reporting, and restoration tracking — with real Stripe payments, strict role-based access control, grid analytics, and a public status endpoint. 71 endpoints across 10 modules.

⚡ TECH STACK

TypeScript Express PostgreSQL Prisma Redis Stripe

✨ Key Highlights

  • 🔐  Email/password + Google OAuth 2.0, OTP verification, JWT access & refresh tokens
  • 🗺️  Four-level grid hierarchy (Zone → Substation → Feeder → Area) with schedule overlap detection
  • 🚨  Forward-only outage state machine with bulk-incident auto-detection
  • 💳  Server-priced Stripe payments with signed webhooks and atomic transactions
  • 📊  Role-specific analytics and a public, Redis-cached grid-status endpoint

Live API View Repository


RentNest Banner

🏡 A production-oriented rental marketplace with role-based dashboards for Tenants, Landlords, and Admins — server-first architecture, JWT auth with silent refresh, and a seamless Stripe payment flow.

⚡ TECH STACK

Next.js TypeScript Tailwind CSS shadcn/ui Prisma Stripe

✨ Key Highlights

  • 🔒  Middleware-based auth + RBAC — Tenant, Landlord, and Admin routes strictly isolated
  • 🏢  Full property CRUD, availability toggling, and rental request workflows
  • 💰  Stripe Checkout with server-initiated redirect, no client-side token exposure
  • ⚡  Next.js Server Actions with tag-based cache revalidation for fine-grained updates
  • 🍪  httpOnly cookie tokens with automatic refresh — never exposed to client state

View Frontend View Backend


Sian Boutique Banner

🛍️ A portfolio-grade, frontend-only rebuild of a fashion storefront — Next.js 16 App Router, 6-language i18n, a faceted catalog, correct cart/checkout logic, and a customer + admin dashboard running on a mock data layer that behaves like a real API.

⚡ TECH STACK

Next.js TypeScript Tailwind CSS shadcn/ui Zustand

✨ Key Highlights

  • 🌐  Fully localized in 6 languages (English, Español, Français, Deutsch, 日本語, বাংলা)
  • 🧩  Variant-aware inventory, coupon engine, and an order status state machine
  • 🖥️  Admin dashboard with a full size × colour variant matrix and a ⌘K command palette
  • 🎬  GSAP + Lenis smooth-scroll motion, gated behind prefers-reduced-motion
  • 🧪  Recruiter-friendly demo mode — no sign-up required to explore storefront, customer, and admin views

Live Storefront


Go Student Banner

🎓 A classroom management platform empowering teachers to create classes, manage students, publish assignments, and streamline online learning workflows end-to-end.

⚡ TECH STACK

React Node.js Express MongoDB Firebase

✨ Key Highlights

  • 🏫  Class creation & real-time student enrollment management
  • 📝  Publish assignments with deadlines and automated tracking
  • 🔐  Secure Firebase authentication with role-based access
  • 📊  Intuitive teacher & student dashboards

Live Platform


ProjectBuilding-gif  Live Repository Status

BIDYUT Backend Repo Card RentNest Frontend Repo Card
RentNest Backend Repo Card Prisma Express Server Setup Guide Repo Card

animated desk aesthetic animated balcony aesthetic

📊 GitHub Stats

Rakibul's Commit Streak Rakibul's Top Languages

GitHub Contribution Snake


```

Pinned Loading

  1. RentNest-Frontend-Project RentNest-Frontend-Project Public

    Full-Stack Rental Marketplace built with Next.js 16, TypeScript, Tailwind CSS, Prisma, PostgreSQL, and Stripe. Features secure JWT authentication, role-based dashboards, property management, rental…

    TypeScript 1

  2. GoStudent-Client GoStudent-Client Public

    An Full-Stack MERN application that developed using React.js, Tailwind CSS, React Hook Form, Firebase, TanStack Query, and Stripe.js. Built role-based dashboards with secure logins, enabling users …

    JavaScript 1

  3. Si-an-Boutique Si-an-Boutique Public

    Introducing a clothing store MERN stack website built with React.js, Tailwind CSS, Firebase, Glide.js, and Framer-motion. Built a full-stack e-commerce platform with product browsing, search, and a…

    JavaScript 1

  4. RentNest-Backend-Project RentNest-Backend-Project Public

    RentNest is a backend API for a rental marketplace. Landlords can list properties, manage availability, and handle rental requests. Tenants can browse, apply, and review. Admins manage users and mo…

    TypeScript 1

  5. Prisma-Express-Server-Setup-Guide Prisma-Express-Server-Setup-Guide Public

    A step-by-step reference for setting up a TypeScript backend with Express, Prisma ORM, and Bun. Covers project init, dependencies, ESM config, Prisma schema strategies (single vs multi-file), migra…

    1

  6. iPhone-15-Pro iPhone-15-Pro Public

    This is a clone of Apple's iPhone 15 Pro website using React.js and TailwindCSS. It highlights the effective use of GSAP (Greensock Animations) and Three.js for displaying iPhone 15 Pro models in v…

    JavaScript