AutoAuth Frontend

The AutoAuth Frontend is a modern, responsive dashboard interface built for healthcare providers and staff to manage Prior Authorization cases effortlessly. It features real-time case tracking, AI-driven insight visualization, and seamless document upload management.

✨ Key Features

• Case Management Dashboard: Overview of all active, pending, and completed PA cases.
• AI Insights Viewer: Visualize detailed eligibility checks and clinical gap analyses performed by AI agents.
• Document Management: Easy upload and preview of patient clinical documents.
• Real-time Status Tracking: Instant visual updates on case progress and payer responses.
• Interactive Forms: User-friendly forms for initiating new authorization requests.
• Status Badges & Animations: Sleek, professional UI using Framer Motion and Lucide Icons.

🛠 Tech Stack

• Framework: React 19
• Build Tool: Vite
• Styling: Tailwind CSS 4
• State Management: Axios
• Icons: Lucide-React
• Animations: Framer Motion
• Routing: React Router Dom

📁 Project Structure

frontend/
├── src/
│   ├── components/  # Reusable UI components (Buttons, Cards, Badges)
│   ├── pages/       # Main application views (Dashboard, CaseDetails, NewCase)
│   ├── services/     # API service layer (Axios instances, endpoint definitions)
│   ├── assets/       # Static images, fonts, and global assets
│   ├── context/      # React contexts (Auth, CaseProvider)
│   ├── hooks/        # Custom React hooks (useAuth, useCase)
│   ├── utils/        # Helper functions and constants
│   ├── App.jsx       # Root component and routing
│   └── main.jsx      # Entry point
├── index.html        # HTML template
├── postcss.config.js # Styling configuration
└── vite.config.js    # Vite build settings

⚙️ Setup & Installation

1. Prerequisites

• Node.js (Latest LTS version recommended)
• npm or yarn

2. Install Dependencies

npm install

3. Running the Development Server

npm run dev

The application will be available at http://localhost:5173.

4. Build for Production

npm run build

The output will be in the dist/ directory.

🎨 Design Principles

Frontend excellence is achieved through:

• Responsive Layouts: Accessible on any device.
• Micro-animations: Enhanced UX with smooth transitions.
• Consistent Theming: Professional, accessible healthcare aesthetics.
• Error Resilience: Informative feedback on API failures and form validation.