My Projects

SAAS Code Editor

A code editor built with Next.js. It supports multiple themes, syntax highlighting, code formatting and code sharing.

Key Features

  • 💻 Online IDE with multi-language support (10 languages)
  • 🎨 Customizable experience with 5 VSCode themes
  • ✨ Smart output handling with Success & Error states
  • 💎 Flexible pricing with Free & Pro plans
  • 🤝 Community-driven code sharing system
  • 🔍 Advanced filtering & search capabilities
  • 👤 Personal profile with execution history tracking
  • 📊 Comprehensive statistics dashboard
  • ⚙️ Customizable font size controls
  • 🔗 Webhook integration support

Tech Stack

React
Next.js
TypeScript
Tailwind CSS
Framer Motion
Shadcn UI
Clerk
lemonsqueezy

Realtime Spotify Application

A real-time Spotify application built with react, express and monogoDB. It allows users to play songs, chat with friends and check out what their friends are listening to. Admin can add songs, albums and artists.

Key Features

  • 🎸 Listen to music, play next and previous songs
  • 🔈 Update the volume with a slider
  • 🎧 Admin dashboard to create albums and songs
  • 💬 Real-time Chat App integrated into Spotify
  • 👨🏼‍💼 Online/Offline status
  • 👀 See what other users are listening to in real-time
  • 📊 Aggregate data for the analytics page
  • 🚀 And a lot more...

Tech Stack

React
express
monogoDB
cloudinary
TypeScript
Tailwind CSS
Framer Motion
Shadcn UI
Clerk

A Game Store App

A game store app built with React, Typescript and RAWG api. It allows users to browse games, search for games and view game details

Key Features

  • 🔎 Search for games
  • 🗒️ Filter by Genres and platforms
  • ✨ Infinite Scrolling
  • 🌓 Dark and light theme support
  • 👓 game details page

Tech Stack

React
Typescript
Chakra UI
TanStack Query
RAWG API
Frame Motion
zustand

XORA AI Landing Page

A landing page for XORA AI, a company that provides AI solutions for businesses. The landing page is built with React, Tailwind CSS and React Scroll.

Key Features

  • 😯 Beautifully designed landing page
  • 👏 Smooth Scrolling
  • 😍 Smooth animations

Tech Stack

React
Typescript
Tailwind CSS
React Scroll

Nextjs Advanced Authentication

A nextjs app with advanced authentication features like email verification, forgot password, social login, two-factor authentication, and more. This is built on top of auth.js v5 library.

Key Features

  • 🔐 Next-auth v5 (Auth.js)
  • 🌐 OAuth Provider (Social login with Google & GitHub)
  • 🔒 Forgot password functionality
  • ✉️ Email verification
  • 🔑 Two-factor authentication
  • 🛡️ Protect API Routes for admins only
  • 🔐 Protect Server Actions for admins only

Tech Stack

Next.js
Typescript
Tailwind CSS
Turso DB
Auth.js v5
resend
drizzle

Slack Clone App

Full-featured Slack clone app built with Next.js, Convex, and Tailwind CSS. It supports real-time messaging, channels, workspaces and user authentication.

Key Features

  • 🔐 Authentication with NextJS + Convex
  • 🌐 Realtime communication within workspaces
  • 🔒 Invite users to workspaces using invite code
  • ✉️ Replay to threads
  • 🔑 Create channels and workspaces
  • 📎 Send Files in messages
  • 👥 Delegate group management to members

Tech Stack

Next.js
Typescript
Tailwind CSS
Convex

Task Manager App

A Jira like task manager app built with Next.js, Shadcn UI, and Appwrite. It supports user authentication, project management, task tracking, and more.

Key Features

  • 👥 Manage workspaces
  • 📝 Create projects and tasks
  • 🔒 Assign tasks to team members
  • 🔍 Search tasks
  • 📊 Track project progress using my task view
  • 📅 Calendar view for tasks
  • 📋 Table view for tasks
  • 🔐 User authentication and Data management with Appwrite
  • 👥 invite users to workspace

Tech Stack

Next.js
Typescript
Hono Api
Appwrite
Tailwind CSS
Shadcn UI