Inventory Management System

Overview

The Inventory Management System is a secure, real-time platform built for internal administrative use. It allows authorized personnel to manage inventory through authentication-protected access, enabling streamlined operations such as adding, updating, and deleting product data. The system prioritizes security, usability, and efficient data handling.

Key Features

• Add / Edit / Delete Products: Manage inventory with full CRUD functionality
• Real-Time Stock Updates: Syncs immediately using Firebase Realtime Database
• Search & Filter: Quickly locate products by name or category
• Responsive UI: Clean and responsive design for desktop and mobile use
• Authentication: Secure login system with Firebase Authentication

Tech Stack

Screenshots / Demo

Live Demo & Source Code

My Role

• Designed the UI using TailwindCSS and implemented all pages with React
• Set up Firebase for real-time database functionality and authentication
• Handled deployment and optimized for performance using Vite and Vercel

Challenges & Learnings

• Working with Firebase taught me how to structure NoSQL data efficiently and handle real-time sync between the UI and backend
• I improved my React state management and modular component design by breaking the app into clean, reusable parts
• Learned how to implement user auth and protect routes
• Managing data and syncing it between the UI and backend was difficult at first, but I was able to overcome it by watching tutorials and practicing.

Future Improvements

• Export inventory reports to CSV
• Add barcode scanning support via device camera