Inventory Management (Frontend)
Frontend for a stock-request system with admin/staff roles, product CRUD, and approve/deny workflow. Backend provided by course.
About this project
Software Development Practice 2 project. The course supplied a REST backend; my contribution is the entire Next.js frontend. Two roles are supported: admins manage the product catalogue (create, update, delete, photo upload) and approve or deny incoming stock requests, while staff browse the catalogue and submit stock-in / stock-out requests. Auth is wired through next-auth credentials provider talking to the supplied endpoints. The UI uses MUI components on top of Tailwind with light/dark themes via next-themes, framer-motion transitions, sonner toasts, and Heroicons. Components are split server-side / client-side so the product list pre-renders and only interactive bits are 'use client'.
- Role-based UI: admins see CRUD + approval controls, staff see request submission
- next-auth credentials provider against a course-supplied REST backend
- Server components for product listing, client components for mutations
- MUI + Tailwind + framer-motion + sonner toasts with full dark-mode theme
Key features
Two roles
Admin / staff with gated UI
Product catalog
CRUD with image upload
Stock requests
Stock-in / stock-out flow
Auth
next-auth credentials provider
Screenshots
Home page dark theme
Product page
Request page
Profile page
Tech stack
Other projects
Event Reservation Platform
Full-stack event booking app with JWT + Google OAuth login, SCB Sandbox QR payment, and Resend email confirmation.
No Car No Problem — Ride-sharing platform
Full ride-sharing app with customer/driver/admin/support roles, real-time chat, geospatial ride matching, and driver verification workflow.