A complete inventory, sales, and invoice management system client built using Next.js and TypeScript. It provides features like barcode scanning, dynamic invoice creation, and advanced sales analytics for small to medium businesses.
The system's data structure is built on a clean relational model.
This frontend is built using a modern stack focused on type safety, performance, and beautiful UIs.
| Component | Technologies Used |
|---|---|
| Framework | Next.js (Full-stack capabilities) |
| Language | TypeScript |
| UI Library | shadcn/ui (Built on Radix & Tailwind) |
| Hosting | Vercel |
- Secure JWT-based login
- Role management:
admin,user - Admin controls all modules
- Create, update, delete categories
- Organize products clearly
- Add/edit/delete products
- Assign categories
- Search & filter products
- Serial number–based tracking
- Auto update inventory status:
in_stocksoldin_warrantyreturned
- Purchase price, selling price, warranty
- Auto barcode generator for non-serial items
- Add items via barcode/serial scanning
- Auto fetch inventory data
- Full invoice calculation:
- Subtotal
- Discount
- Tax
- Total
- Paid / Due
- Payment history tracking
- Auto-generate:
- A4 PDF Invoice
- POS-size thermal bill
- Daily, monthly, yearly sales charts
- Bar & line charts
- Summary cards:
- Total Sales
- Total Paid
- Total Due
- Total Invoices
- Inventory Status
Upon initial clone and setup (assuming your backend is running), a default admin user is available for immediate login:
| Field | Value |
|---|---|
[email protected] |
|
| Password | Brhex@123 |
To get the client running locally, follow these simple steps:
-
Clone the Repository:
git clone [https://github.com/pantho0/brhex-inventory-management-client.git](https://github.com/pantho0/brhex-inventory-management-client.git) cd brhex-inventory-management-client -
Install Dependencies & Run Development Server:
npm install npm run dev
The application will be accessible at
http://localhost:3000(or the port specified by Next.js).
