A modern, mobile-friendly dashboard built in React + Vite to manage loan portfolios, upload supporting documents, and perform real-time filtering and searching.
- Sidebar navigation
- Portfolio table with filter buttons and search bar
- Upload modal (triggered by 'More Filters')
- Add entries via Data Upload form
- Row highlight on new entry
- Success toast notification
- Clear search input button
- Responsive and styled UI
- React.js + Vite
- Vanilla CSS (flexbox layout)
- State: useState, useEffect
- Deployment: Vercel
src/
├── components/
│ ├── Sidebar.jsx
│ ├── Filters.jsx
│ ├── PortfolioTable.jsx
│ ├── UploadForm.jsx
│ └── UploadModal.jsx
├── main.jsx
└── index.css
git clone https://github.com/yourusername/loan-portfolio-ui.git
cd loan-portfolio-ui
npm install
npm run dev- Visit https://vercel.com
- Import your GitHub repo
- Vercel auto-detects Vite config
- Deploy instantly with live URL
- Sortable and paginated table
- Region and loan type filters
- Data export to CSV
- Backend API integration (e.g. Firebase)
- Auth and permission management
Name: Alex ID: INDIAN INSTITUTE OF TECHNOLOGY, MANDI Hosted On: https://loan-portfolio-ui.vercel.app