A modern, full-stack inventory management application built with Next.js 14, TypeScript, and Tailwind CSS.

• 📦 Inventory Management: Add, edit, delete, and view inventory items
• 🛒 Order Processing: Build new orders, fetch existing ones from the backend, edit them, and complete purchases
• 🎨 Modern UI: Beautiful, responsive interface with Tailwind CSS
• 🔒 Type-Safe: Built with TypeScript for reliability
• 🚀 Fast: Powered by Next.js 14 with App Router

• Node.js 18 or higher
• Backend API running (see Inventory Backend)

1. Clone the repository

git clone https://github.com/michaelmccabe/Inventory-frontend.git
cd inventory

2. Install dependencies

npm install

3. Configure environment

cp .env.local.example .env.local

Edit .env.local and set your backend API URL:

NEXT_PUBLIC_API_BASE_URL=http://localhost:8080

4. Start the development server

npm run dev

5. Open your browser

Navigate to http://localhost:3000

inventory/
├── app/                    # Next.js App Router pages
│   ├── items/             # Inventory items page
│   └── orders/            # Orders page
├── components/            # React components
├── lib/                   # Utilities and API client
├── types/                 # TypeScript type definitions
└── DEVELOPMENT_GUIDE.md   # Comprehensive development guide

For detailed information about the project architecture, API integration, and development workflow, see the Development Guide.

• npm run dev - Start development server
• npm run build - Build for production
• npm start - Start production server
• npm run lint - Run ESLint

• Frontend: Next.js 14, React 18, TypeScript
• Styling: Tailwind CSS
• HTTP Client: Axios
• Icons: Lucide React

Manage your inventory with an intuitive table interface featuring add, edit, and delete functionality.

Create and process orders by selecting items, setting quantities, and specifying delivery addresses.

This application requires the Inventory Backend API. See the OpenAPI specification for details.

Contributions are welcome! Please see the Development Guide for guidelines.

This project is part of the Inventory Management system.

For issues or questions:

• Check the Development Guide
• Review the Backend Repository

Built with ❤️ using Next.js and TypeScript