A simple inventory tracking application built with Next.js 13 App Router, allowing users to add, edit, filter, and delete products. Data is managed using a MockAPI backend. This is a demo project designed to showcase CRUD operations, filtering, and responsive UI components.
- Add new product with name, quantity, expiry date, and image preview.
- Edit and update product details.
- Delete products with confirmation.
- Filter products based on expiry date range (7 days, 1 month, 6 months).
- Sort products by expiry date (Oldest to Newest / Newest to Oldest).
- Responsive design for mobile and desktop.
- Toast notifications for user feedback.
- Clone the repository:
git clone https://github.com/your-username/Inventory-Project.git
cd Inventory-Project
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.