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.