Explore showcase

CourseHub

Team Lead & Full-Stack · Mar – May 2025

Project3 / 13

Overview

At a glance

Full-stack educational hub where students discover courses, share resources, and lean on AI plus YouTube metadata for study plans. I led idea selection, design, and implementation across the App Router surface and data layer.

Best Class Project
Next.js 14MongoDBNextAuthGemini API
Open live demoFollow Link
View GitHubView GitHub

Features

  • Course discovery/search with AI-generated descriptions, topics, study plans, and resources.
  • Community posts with comments, likes/unlikes, and owner-controlled deletion.
  • YouTube enrichment with duration, views, channel, and thumbnail metadata.
  • Responsive surfaces for search, sidebar, resources, forum, and contribution flows.
  • Shared visual language across route-driven UX.

Implementation

  • Built Next.js route handlers and server-side workflows for course/community operations.
  • Modeled Course/Post/User relationships using Mongoose schemas, references, and index strategy.
  • Added model fallback and quota-aware error messaging for external API dependence.
  • Built reusable feature components and modularized frontend behavior for maintainability.
  • Applied consistent Tailwind token usage for cohesive typography/color/layout patterns.
  • Coordinated team workflow with Kanban structure and regular checkpoints.

Challenges

  • First major web app project, so architecture decisions were made while still learning core web patterns.
  • API route files grew heavy and less modular over time.
  • Security and reliability practices were immature in early implementation phases.
  • Last-mile stabilization was stressful (including pre-presentation runtime panic moments).

Reflection

  • My first serious web app project, and wow what a ride.
  • I literally pulled an all-nighter before presentation to polish UI, overslept, then got emergency calls because teammates couldn’t run the project.
  • I didn’t fully know what I was doing architecturally at first, but I worked hard to keep team process structured and communication clear.
  • I got one of my favorite compliments from teammates about being their most organized leader in a class project context.
  • Looking back, I can clearly see security/robustness gaps that showed up again in later projects too—important lesson.

Video

CourseHub walkthrough (Loom)