A high-performance web application built with React and Vite designed to streamline the tracking and management of company assets.
Link: https://docs.google.com/document/d/1pTo_CQCqzHqcsgFCjwtMMzJkpBoFfiAcBvtqj5lrF8Y/edit?tab=t.0
Live Link: https://assets-pro-ca84b.web.app/
This system was developed to solve critical inventory and HR challenges:
- Prevent Asset Loss: Improves accountability by ensuring every item is tagged and tracked.
- Streamline Operations: Simplifies the asset assignment (check-out) and return (check-in) processes.
- Inventory Visibility: Provides a clear, real-time view of the entire company inventory.
- Administrative Efficiency: Reduces manual paperwork and overhead for HR and IT departments.
- Item Categorization: Ensures proper tracking of Returnable (hardware) vs. Non-returnable (consumables) items.
- Frontend: React
- Build Tool: Vite (Fast Refresh & HMR enabled)
- Linting: ESLint (standard configuration)
- Node.js (Latest LTS version recommended)
- npm or yarn
- Clone the repository:
git clone [https://github.com/rayhan309/assets-pro.git](https://github.com/rayhan309/assets-pro.git)
- Navigate to the project folder:
cd assets-pro - Install dependencies:
npm install
- Start the development server:
npm run dev
This template provides a minimal setup to get React working in Vite with Hot Module Replacement (HMR).
- Plugin:
@vitejs/plugin-react(uses Babel for Fast Refresh). - React Compiler: Not enabled by default to maintain build performance. Learn more here.
For production-grade applications, it is recommended to:
- Use TypeScript for type safety.
- Enable type-aware lint rules in ESLint.
- User authentication (Admin/Staff roles)