Video Game Backlog Tracker

A full-stack, modern web app for managing your personal game library. Built with the latest in Next.js (App Router), MongoDB, and Tailwind CSS — with authentication, game tracking, theming, and responsive UI.

Live Demo Github Repo

Features

Game Library Tracker

• Add and manage games in your personal library
• Track hours played, completion status, and more
• View game summaries and screenshots

Auth & User Sessions

• Secure email/password login
• JWT authentication via HttpOnly cookies
• Role-based access support

Libraries

• Tailwind CSS + dark/light theme support
• Reusable shadcn/ui components
• Form validation with Zod + React Hook Form

Tech Stack

Framework: Next.js 15 (App Router)

Database: MongoDB + Mongoose

Auth: JSON Web Tokens (JWT) + bcrypt

Styling: Tailwind CSS, shadcn/ui

Forms: React Hook Form + Zod

Icons: Lucide

Type Checking: TypeScript

Screenshots

Landing Page

Library Page

Game Details

Fully Responsive