<<<<<<< HEAD

A comprehensive, modern inventory management system built with Next.js, TypeScript, and Tailwind CSS. Stoka provides a complete solution for managing businesses, from inventory tracking to customer management.

• Modern UI/UX: Beautiful, responsive design with inventory-themed aesthetics
• Product Management: Complete inventory tracking and management
• Service Management: Service-based business operations
• Dashboard Analytics: Real-time insights and reporting
• Multi-portal Support: Separate portals for products and services
• AI Chat Integration: Intelligent customer support
• Responsive Design: Works seamlessly on all devices
• Dark Mode Support: Elegant dark and light themes

• Framework: Next.js 15
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: Radix UI + shadcn/ui
• Icons: Lucide React
• Charts: Recharts
• Forms: React Hook Form + Zod
• Theming: next-themes

Stoka features a modern inventory-inspired design system:

• Primary Colors: Warm inventory browns and amber tones
• Typography: Inter font family for optimal readability
• Components: Consistent, accessible UI components
• Gradients: Beautiful inventory-themed gradients
• Icons: Package and modern business icons

1. Clone the repository:

git clone https://github.com/chughtaiburhan/Inventory_Management_System.git
cd stoka

2. Install dependencies:

npm install
# or
yarn install
# or
pnpm install

3. Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

4. Open http://localhost:3000 in your browser.

stoka/
├── app/ # Next.js app directory
│ ├── (auth)/ # Authentication pages
│ ├── product/ # Product portal
│ ├── service/ # Service portal
│ └── globals.css # Global styles
├── components/ # Reusable components
│ ├── ui/ # shadcn/ui components
│ └── *.tsx # Custom components
├── lib/ # Utility functions
├── public/ # Static assets
└── styles/ # Additional styles

• Sidebar Navigation: Modern sidebar with inventory-themed branding
• Dashboard: Comprehensive analytics and overview
• Product Management: Inventory tracking and management
• Service Management: Service operations and client management
• AI Chat: Intelligent customer support system
• Reports: Detailed analytics and reporting

The system uses an inventory-themed color palette defined in tailwind.config.ts:

inventory: {
 '50': '#fef7f0',
 '100': '#fdecd8',
 '200': '#fbd5b0',
 '300': '#f8b87d',
 '400': '#f49444',
 '500': '#f17a1a',
 '600': '#e25f0f',
 '700': '#bc470f',
 '800': '#963a13',
 '900': '#7a3214',
 '950': '#421808',
}

Update the branding in:

• app/layout.tsx - Page title and metadata
• components/sidebar.tsx - Navigation branding
• public/favicon.svg - Favicon
• public/stoka-logo.svg - Logo

Stoka is fully responsive and optimized for:

• Desktop (1024px+)
• Tablet (768px - 1023px)
• Mobile (320px - 767px)

The system supports both light and dark modes with inventory-themed color schemes for both themes.

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

This project is licensed under the MIT License - see the LICENSE file for details.

Stoka is designed for businesses of all types, providing a comprehensive inventory management solution that combines modern technology with intuitive design. Whether you're running a retail store, manufacturing facility, or any business with inventory needs, Stoka helps you manage every aspect of your business efficiently.

da07a43f9441032550a49503cff0158422cb3273