BACK

Front End

Refund

Refund

About

React frontend for submitting and tracking reimbursements, with role-based authentication and REST API integration.


Main Flows

  • employee: creates reimbursement requests and uploads receipts
  • manager: views a paginated list of requests and opens details for each item

The application manages session using localStorage and sends a JWT token in the Authorization header.


Stack

  • React 19 + TypeScript
  • Vite 7
  • React Router 7
  • Axios
  • Zod
  • Tailwind CSS 4

Features

  • User login and registration
  • Session management
  • Role-based routing (employee / manager)
  • Reimbursement request creation with form validation
  • Receipt upload (/uploads)
  • Confirmation screen after submission
  • Requests dashboard with name search and pagination
  • Request detail view (manager)