Inventory Management System
A full-featured inventory and order management platform with analytics, authentication, and client/product tracking built on a modern Next.js architecture.
Year
2025
Client
Internal Business Solution
Role
Full Stack Developer
Duration
4 months
Technology Stack
Next.js
TypeScript
Tailwind CSS
Zustand
TanStack Query
Project Overview
A production-ready inventory and order management system designed to support small and medium businesses with real-time stock tracking, client management, and analytics. Built with Next.js 15 and TypeScript, it includes JWT authentication, dark mode, dual currency support (CRC/USD), and a fully responsive dashboard. The frontend integrates with an existing Django REST Framework backend and PostgreSQL database using a structured API client with interceptors.
Challenges
- Designing a scalable and responsive dashboard with role-based access
- Integrating dual currency pricing and real-time stock adjustments
- Handling secure JWT authentication with token refresh flows
- Ensuring type safety and form validation across complex CRUD operations
Solutions
- Implemented a modular UI using Shadcn/UI with dashboard analytics and CRUD sections
- Integrated JWT authentication and token refresh using Axios interceptors
- Used React Hook Form with Zod for schema validation and error handling
- Adopted TanStack Query and Zustand for efficient server and client state management