AssetWise

📌 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

🛠 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

---

🔑 Admin Credentials

• Email: rayhan@gmail.com
• 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:

{
  "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)

# 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

---