Library Management System

Personal ProjectAmman, JordanOct 2025 – In Progress
nextjsreacttypescripttailwindcssdrizzlepostgresnextauthag-gridzod

Overview

Library Management System is a full-stack web application for managing books, users, and borrowing activities in a library environment.
It showcases deep integration between Next.js App Router, NextAuth v5, Drizzle ORM, and PostgreSQL (Neon Serverless) — ensuring type safety, scalability, and modern UX.

  • Fullstack: Built with React 19, Next.js 15, TypeScript, and TailwindCSS 4.
  • Authentication: Secure JWT-based login with NextAuth v5 and bcryptjs.
  • Database: Schema-safe Drizzle ORM with PostgreSQL on Neon Serverless.
  • Data Grids: Implemented AG Grid React v34 for dynamic and performant data tables.
  • Forms: Used React Hook Form + Zod for type-safe validation.
  • UX Enhancements: Used Sonner for feedback toasts and Upstash Workflows for background jobs.

Achievements / Highlights

  • Built a role-based authentication system with JWT and server actions.
  • Integrated AG Grid for fast, paginated management of library data.
  • Developed type-safe and reactive forms with Zod and React Hook Form.
  • Used Drizzle ORM migrations for reliable schema management.
  • Delivered a modern, responsive, and accessible UI consistent with admin dashboards.