IT Knowledge Center Booking System
A modern web application designed to facilitate the reservation of meeting rooms at the IT Knowledge Center, Faculty of Information Technology, Tarumanagara University.
About The Project
This application acts as a bridge between students/lecturers and the IT Knowledge Center's facilities, replacing manual systems with an efficient digital platform. Integrated with a Laravel backend, it is designed for scalability and ease of use.
Key Objectives:
- Drastically simplify the meeting room reservation process.
- Provide real-time transparency of room availability schedules.
- Centralized and structured administrative management.
Project Gallery
Key Contributions & Features
Authentication & Security
- Developed secure Login & Register systems.
- Implemented Protected Routes using Next.js Middleware.
- Integrated JWT for secure client-side session management.
Interactive Admin Dashboard
Comprehensive analytics for faculties using Recharts for responsive statistical visualization.
- Real-time indicators for pending bookings.
- Automated CSV export for monthly administrative reports.
Reservation Management
Built dynamic Booking Forms with complex validation using React Hook Form and automatic conflict detection.
Modern & Responsive UI/UX
Premium interface design with Glassmorphism, Tailwind CSS styling, and Framer Motion animations. Optimized state management with SWR.
Technical Highlight
"In this project, I utilized the Next.js App Router to enhance SEO performance and initial load times. I also implemented Custom Hooks patterns (such as useDashboardData, usePagination) to separate business logic from UI, resulting in cleaner, maintainable, and testable code."
Project Details
This project is deployed on a local server and is only accessible within the campus intranet.