🔗 Live-Link: https://assetease-d4415.web.app/
🌐 Server-Link: https://asset-ease-server-side.vercel.app/
HR Email: ks@gmail.com
HR Password: Ks123456
AssetEase is an advanced asset management platform designed to empower HR managers and employees to efficiently handle company assets. By categorizing assets into Returnable (e.g., laptops, chairs) and Non-returnable (e.g., pens, diaries), AssetEase ensures transparent tracking and streamlined operations. Key features include secure user authentication, robust CRUD operations, and seamless collaboration between HR managers and employees. Whether you’re assigning assets or tracking their usage, AssetEase simplifies every step.
🔒 User Authentication
- Login and registration via email and password.
- Social login with Google.
- Dynamic features based on user roles (HR Manager or Employee).
🧭 Navigation
- Intuitive navbar for quick access to features.
- Conditional content based on login status and user roles.
📊 Dynamic Content Display
- Real-time asset tracking for HR managers.
- Pending and approved requests dashboard for employees.
🔧 CRUD Operations
- Add, update, and delete assets.
- Manage employee and team information efficiently.
🔒 Protected Routes
- Key functionalities are accessible only to authenticated users.
🔑 JWT Authentication
- Secure token-based authentication for enhanced security.
🔍 Search and Filter
- Server-side search and filter options for assets and requests.
📄 PDF Export
- Print functionality for approved asset details using React PDF.
🎨 UI Enhancements
- SweetAlert2 for notifications and modals.
- Loading spinners and dynamic page titles for enhanced user experience.
📈 Data Visualization
- Pie charts for tracking returnable vs. non-returnable assets.
The following NPM packages power AssetEase:
- react: For building the user interface.
- react-dom: For rendering React components.
- react-router-dom: For routing.
- axios: For making HTTP requests.
- firebase: For authentication and database integration.
- @tanstack/react-query: For efficient data fetching.
- localforage: For client-side storage management.
- react-hook-form: For form management.
- react-toastify: For toast notifications.
- sweetalert2: For custom alert popups.
- @stripe/react-stripe-js: For payment handling.
- @stripe/stripe-js: Stripe SDK for secure payments.
- @react-pdf/renderer: For generating PDFs.
- recharts: For chart visualization.
- lottie-react: For Lottie animations.
- vite: For faster development builds.
- eslint: For enforcing coding standards.
- postcss: For processing CSS.
- tailwindcss: For styling.
- daisyui: For UI components.