A modern, full-stack Inventory Management System built with Laravel (Backend) and Vue 3 (Frontend). This application provides a seamless experience for tracking products, managing members, and visualizing stock data through interactive charts.
- Product & Inventory Management: Efficiently track stock levels, add new products, and update inventory details.
- Member Administration: Manage user roles and member profiles within the system.
- Secure Authentication: Robust login and registration system using JWT/Sanctum.
- Interactive Analytics: Visual data representation using Chart.js to monitor inventory trends.
- Modern UI/UX: Built with Tailwind CSS and reusable UI components for a clean, responsive interface.
- Framework: Laravel 12
- Language: PHP 8.2+
- Authentication: JWT-Auth
- Database: MySQL
- Framework: Vue 3
- Build Tool: Vite
- UI Components: Shadcn Vue
- Styling: Tailwind CSS 4
- HTTP Client: Axios
Navigate to the backend directory and install dependencies.
-
Navigate to the backend directory:
cd be -
Install PHP dependencies:
composer install
-
Configure the Environment: Duplicate the example environment file and configure your database settings.
cp .env.example .env
Open
.envand set yourDB_DATABASE,DB_USERNAME, andDB_PASSWORD. -
Generate Application Key:
php artisan key:generate
-
Generate JWT Secret:
php artisan jwt:secret
-
Run Migrations: Create the necessary database tables.
php artisan migrate
-
Serve the Application:
php artisan serve
Open a new terminal, navigate to the frontend directory, and start the development server.
-
Navigate to the frontend folder:
cd fe -
Install Node dependencies:
bun install
-
Compile and Hot-Reload for Development:
bun run dev
Once both servers are running, open your browser and navigate to the local URL provided by Vite (usually http://localhost:5173).
This project is licensed under the MIT License - see the LICENSE file for details.