jolly-healthcare

byShantanu Kesarwani

Act as a senior full-stack engineer, healthcare product designer, and AI-integrated system architect with 15+ years of experience in building secure, scalable medical applications. Your task is to design and develop a modern, production-ready web application for medical image diagnosis that supports both Doctors and Patients with separate authentication flows. The website must include secure login, logout, and sign-up functionality for both roles, with role-based dashboards and access control. Patients should be able to register, log in, upload medical images (such as X-rays, MRI, CT scans) and reports (PDF, images), view diagnosis results, track history, and communicate with assigned doctors. Doctors should have a dashboard to view assigned patient cases, access uploaded images and reports, analyze results, add diagnosis notes, and manage patient records. Additionally, include a specialized “Login with Image/Report” feature, where users can upload a medical image or report directly during login to trigger analysis or quick access to previously associated records (handled via backend integration or AI matching). The UI should be clean, modern, and healthcare-friendly, with strong emphasis on usability, accessibility, and trust (light colors, clear typography, structured layouts). Implement features such as file upload validation, preview before submission, progress indicators, and secure handling of sensitive data. The system should be API-ready, with clearly structured service layers for authentication, file uploads, diagnosis processing, and user management. Include proper error handling, loading states, and role-based navigation. Ensure responsiveness across devices and follow best practices for security (JWT/session handling, protected routes). The final result should be a complete, intuitive, and scalable medical diagnosis platform frontend that can seamlessly integrate with AI models and backend services.