A prototype insurance claims tracking application that allows users to submit claims, track progress, and update claim statuses in real time. This project was built with React, TailwindCSS, HTML, and JavaScript.
- Landing page with user/agent login options.
- Dashboard page to view all claims submitted.
- Claim filtering by status: All, Submitted, In Review, Approved, Rejected.
- Claim details view with update functionality.
- Search bar to quickly find claims by policy number or incident type.
- Persistent data storage with localStorage.
- Mobile-friendly responsive design.
- React – component-based UI
- TailwindCSS – styling and responsive design
- HTML5 – structure
- JavaScript (ES6+) – logic and interactivity
- LocalStorage – client-side persistence
.
├── public/ # Static assets (images, logos)
├── src/
│ ├── assets/ # SVGs and icons
│ ├── components/ # Reusable components (cards, forms, footer, etc.)
│ ├── pages/ # Landing page and dashboard page
│ ├── claimsData.js # Mock claims data
│ ├── App.jsx # Main app routes
│ ├── main.jsx # React entry point
│ └── index.css # Tailwind base styles
├── package.json
├── vite.config.js
└── README.md
Follow these instructions to run the project locally:
- Node.js (v16+ recommended)
- npm or yarn
-
Clone the repository:
git clone https://github.com/Molo-M/insurtech-claims-tracker.git cd insurtech-claims-tracker -
Install dependencies:
npm install
-
Start development server:
npm run dev
-
Open your browser at:
http://localhost:5173
This project can be deployed easily to GitHub Pages, Vercel, or Netlify. For GitHub Pages deployment, use:
npm run buildand push the dist/ folder to the gh-pages branch.
This project is licensed under the ISC License. See the LICENSE file for details.