E-Asset is a comprehensive mobile-first asset management application designed to help organizations efficiently track, manage, and monitor their physical assets. The application provides a user-friendly interface for inventory management, barcode operations, and data import/export functionalities.
Key Features
1. User Authentication
- Secure login system with email/password authentication
- Demo login credentials for testing
- Session management and protected routes
2. Interactive Dashboard
- Real-time asset statistics overview
- Horizontal scrollable stats cards showing:
- Total assets count
- Total asset value
- Damaged assets count
- Visual chart representation of asset composition by category
- Recent activity feed showing latest asset updates
3. Asset Management
Asset Listing
- Card-based asset display optimized for mobile viewing
- Each asset card shows:
- Thumbnail image
- Asset name
- Category
- Price
- Storage location
- Status badge (Good/Borrowed/Damaged)
- Quick action buttons for barcode generation and details
Asset Search
- Real-time search functionality
- Searches by:
- Asset name
- Asset code
- Keywords
- Instant filtering as user types
Add New Asset
- Comprehensive form with fields:
- Asset name (required)
- Category selection
- Price input
- Storage location (required)
- Condition status
- Keywords/tags for better searchability
- Description/notes
- Photo upload (drag & drop or tap to upload)
- Keyword chips system with add/remove functionality
4. Barcode System
Barcode Generation
- Generate CODE128 barcodes for each asset
- Customizable barcode settings:
- Size options (small, medium, large)
- Format options (CODE128, EAN13, CODE39)
- Display name and code options
- Download barcode as PNG image
- Preview before download
Barcode Scanning
- Integrated camera scanner using QuaggaJS
- Support for multiple barcode formats
- Real-time barcode detection
- Auto-search for matching assets
- Visual feedback when asset found
Batch Barcode Printing
- Select multiple assets for batch printing
- Preview barcodes before printing
- Print-friendly layout
- Download multiple barcodes as ZIP
- Settings for:
- Barcode size
- Format selection
- Label display options
5. Category Management
- View all asset categories
- Category-wise asset count
- Quick category selection
- Visual icons for different categories
6. CSV Import with Advanced Filtering
Import Functionality
- Upload CSV files with asset data
- Real-time progress bar
- Support for large datasets
Import Filters
- Date Range Filter: Filter by purchase date (start and end date)
- Category Filter: Select which categories to import
- Storage Location Filter: Choose specific locations
CSV Format Support
- Template download available
- Required columns:
- Asset Name
- Category
- Price
- Location
- Purchase Date
- Condition
- Keywords (optional but recommended)
- Example data provided
- Error handling and validation
7. Keyword System
- Add multiple keywords per asset
- Keywords as searchable tags
- Chip-based interface for easy management
- Bulk keyword addition (comma-separated)
- Keywords persist in database
- Enhanced search includes keyword matching
8. Mobile-Optimized Interface
Responsive Design
- Bottom navigation bar for easy thumb access
- Floating Action Button (FAB) for quick add
- Horizontal scrolling stats for small screens
- Card-based layout for better mobile viewing
- Bottom sheets for forms (no page navigation)
- Safe area support for modern devices
Touch Optimizations
- Tap feedback on interactive elements
- Swipe-friendly interfaces
- Large touch targets
- Mobile-optimized form inputs