โ†Back to Work

PodGear

Designed and developed the full-stack application with Next.js, Express.js, TypeScript, and Tailwind CSS, covering the responsive frontend architecture, custom bilingual system, backend API integrations, payment flows, and admin tooling.

Jan 2026 โ€“ Presentยท6 mos

Tech Stack

nextjs iconNext.js
express-js iconExpress.js
typescript iconTypeScript
tailwindcss iconTailwind CSS
mongodb iconMongoDB
redis iconRedis
supabase iconSupabase
stripe iconStripe
nextauth iconNextAuth
oauth-2-0 iconOAuth 2.0
framer-motion iconFramer Motion
cal-com iconCal.com

Premium Gaming Services Marketplace

Description

Built a premium, bilingual e-commerce marketplace that connects competitive gamers with professional coaching, custom base layouts, masterclasses, and merchandise. The platform handles user authentication, subscription memberships, secure payments, and real-time scheduling โ€” all wrapped in a polished, responsive experience designed to scale.

๐Ÿšง Currently in the active building phase.

Tech Stack

  • Frontend: Next.js 16 (App Router), React 19, TypeScript 5, Tailwind CSS v4
  • Backend: Express 5, TypeScript, MongoDB with Mongoose, Redis
  • Storage: Supabase Storage
  • Payments: Stripe (checkout, subscriptions, webhooks)
  • Scheduling: Cal.com API integration
  • Auth: NextAuth v5, JWT, bcrypt, OAuth (Google/Discord) + credentials
  • Forms & Validation: React Hook Form, Zod
  • Animation & UI: Framer Motion, Lucide React

Key Features

  • Full English/French language support with user-switchable locale and localized content across the marketplace
  • Multi-game coaching marketplace with coach profiles, masterclasses, and 1-on-1 session booking
  • Curated base pack marketplace with search, filtering, and secure checkout
  • Membership subscription program with perks, discounts, and exclusive content
  • Merchandise shop with size selection, cart, and checkout flow
  • User dashboard with order history, favorites, loyalty points, and referrals
  • Secure Stripe payments and subscription webhook handling
  • Role-based admin dashboard for managing products, content, orders, and users
  • Responsive, animated dark-themed UI with custom typography

My Role / What I Built

Designed and developed the full-stack application, from the responsive frontend architecture and custom bilingual system to backend API integrations, payment flows, and admin tooling. Focused on clean, reusable components, type safety, performance, and a polished end-to-end user experience.

Live Demo

๐Ÿ”— Live Demo: [Coming soon โ€” project is currently in the building phase]

Highlights

  • Implemented secure e-commerce and subscription flows with Stripe payments and webhooks
  • Built custom bilingual support across the entire user-facing platform
  • Delivered responsive, animated UI components with Framer Motion and Tailwind CSS
  • Followed clean code practices with reusable components, strong TypeScript typing, and role-based access control