https://github.com/aburayhan-bpi/assetwise-client
AssetWise is a web-based asset management system for businesses to track and manage resources efficiently. It features role-based access, asset categorization, request handling, analytics, and team management. Built with React, Firebase, and TanStack Query, it ensures a secure, responsive, and seamless experience for HR managers and employees.
https://github.com/aburayhan-bpi/assetwise-client
axios firebase lottiefiles momentjs react reacthelmet reacthookform reacthottoast reacticons reactpdf reactrouterdom reactspinner recharts tanstack-query
Last synced: 4 months ago
JSON representation
AssetWise is a web-based asset management system for businesses to track and manage resources efficiently. It features role-based access, asset categorization, request handling, analytics, and team management. Built with React, Firebase, and TanStack Query, it ensures a secure, responsive, and seamless experience for HR managers and employees.
- Host: GitHub
- URL: https://github.com/aburayhan-bpi/assetwise-client
- Owner: aburayhan-bpi
- Created: 2025-02-05T05:36:16.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-02-18T09:06:22.000Z (4 months ago)
- Last Synced: 2025-02-18T10:22:35.705Z (4 months ago)
- Topics: axios, firebase, lottiefiles, momentjs, react, reacthelmet, reacthookform, reacthottoast, reacticons, reactpdf, reactrouterdom, reactspinner, recharts, tanstack-query
- Language: JavaScript
- Homepage: https://assetwise-b85cb.web.app
- Size: 411 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **AssetWise**
[](https://assetwise-b85cb.web.app)
## 📌 Project Overview
**AssetWise** is an advanced asset management system designed to help businesses efficiently track, manage, and optimize company assets. It provides HR Managers and Employees with role-based access to streamline asset categorization, assignment, and request handling. The platform follows a **subscription model**, making it a **scalable solution** for businesses of all sizes.
### 🔗 Live Project Link
[https://assetwise-b85cb.web.app](https://assetwise-b85cb.web.app)
### 🛠 Technologies Used
- **Frontend**: React, React Router, Tailwind CSS
- **Backend**: Firebase Authentication
- **State Management**: TanStack Query
- **Data Visualization**: Recharts
- **Other Tools**: Axios, Moment.js, LottieFiles, React Hook Form
---
## 📸 Project Screenshot
---
## 🚀 Live URL
🔗 [AssetWise Web Application](https://assetwise-b85cb.web.app)
---
## 🔑 Admin Credentials
- **Email**: `[email protected]`
- **Password**: `Rayhan`
> **Note**: These credentials are for demo purposes only.
---
## 📌 Core Features
- **📜 Subscription Model** – Businesses can subscribe to manage assets efficiently.
- **👥 Role-Based Access** – Separate roles for HR Managers and Employees.
- **📂 Asset Categorization** –
- **Returnable Assets** (e.g., Laptops)
- **Non-Returnable Assets** (e.g., Diaries)
- **👨💼 HR Manager Features** – Add, update, assign, and manage assets.
- **🧑💻 Employee Dashboard** – Employees can view assigned assets and request new ones.
- **📩 Request Management** – Employees can request assets; HR Managers can approve or reject.
- **📊 Analytics & Insights** – HR Managers get visualized reports and charts.
- **🔒 User Authentication** – Secure login & registration with Firebase.
- **📱 Mobile-Friendly UI** – Fully responsive across all devices.
- **👨👩👧👦 Team Management** – Employees can be grouped for better asset allocation.
---
## 🛠️ Technologies Used
| Technology | Purpose |
|----------------------|---------|
| **React** | Frontend UI development |
| **React Router** | Routing and navigation |
| **Tailwind CSS** | Modern and responsive styling |
| **Firebase Authentication** | Secure user authentication |
| **Axios** | Handling API requests efficiently |
| **Recharts** | Data visualization and charts |
| **React Hook Form** | Form validation and management |
| **React Icons** | Icon integration across UI |
| **TanStack Query** | Server-state management & API calls |
| **LottieFiles** | UI animations |
| **React Helmet** | Document head and SEO management |
| **React Hot Toast** | Toast notifications |
| **Spinner React** | Loading spinners |
| **React PDF** | PDF rendering support |
| **Moment.js** | Date and time manipulation |
---
## 📦 Dependencies
The project requires the following dependencies:
```json
{
"dependencies": {
"@react-pdf/renderer": "^4.1.6",
"@stripe/react-stripe-js": "^3.1.1",
"@stripe/stripe-js": "^5.5.0",
"@tanstack/react-query": "^5.64.1",
"axios": "^1.7.9",
"date-fns": "^4.1.0",
"firebase": "^11.1.0",
"flowbite-react": "^0.10.2",
"localforage": "^1.10.0",
"lodash": "^4.17.21",
"lottie-react": "^2.4.0",
"match-sorter": "^8.0.0",
"moment": "^2.30.1",
"react": "^18.3.1",
"react-datepicker": "^7.6.0",
"react-dom": "^18.3.1",
"react-helmet": "^6.1.0",
"react-helmet-async": "^2.0.5",
"react-hook-form": "^7.54.2",
"react-hot-toast": "^2.5.1",
"react-icons": "^5.4.0",
"react-minimal-pie-chart": "^9.1.0",
"react-router-dom": "^7.1.1",
"react-spinners": "^0.15.0",
"sort-by": "^1.2.0",
"spinners-react": "^1.0.10",
"sweetalert2": "^11.15.10",
"swiper": "^11.2.1"
}
}
```
## 📥 Installation
To set up the project locally, follow these steps: But make sure you have setup environment keys. (.env)
```bash
# Clone the repository
git clone https://github.com/aburayhan-bpi/assetwise-client.git
# Navigate to the project directory
cd assetwise
# Install dependencies
npm install
# Start the development server
npm start dev
---