This document provides a detailed overview of the website flow for the Medetect project. The flow describes the user interaction from signing up or logging in to generating a medical report and displaying nearby hospitals and contacts.
The entry point for all users is the Sign-Up / Login page.
- Existing Users: Log in using their credentials to access the dashboard.
- New Users: Must sign up and provide personal details.
After login/sign-up, the system checks if the user is logging in for the first time.
-
If Yes (First-Time User):
The user is redirected to enter their personal and medical details. -
If No (Returning User):
The user is directed to the dashboard to upload photos for processing.
First-time users are required to fill in their details, which will be stored for generating reports.
- Name
- Age
- Blood Group
- Emergency Contact Number
- Family Doctor Contact
- Hospital Name
- Hospital Contact (if any)
Once on the Dashboard, users can:
- Upload the photos to be processed.
- The photos are passed to the roboflow model (Vision Transformer architecture) for prediction and analysis.
The uploaded images are processed by the ViT model:
- The model returns:
- Predicted Class/Condition
- Confidence Level
- The results are returned in JSON format.
Using the predictions:
- A Medical Report is automatically generated.
- The report is compiled as a PDF file for easy access and sharing.
After generating the report:
- The system displays a map with:
- Nearby hospitals
- Emergency contacts
This assists users in taking immediate action if required.
The website also features our chatbot - 'Medibot', trained on our custom data. Medibot features -
- Multi-lingual language support with over 50+ languages.
- Voice command features (Voice-to-text)
- Answer provided in regional scripts and dialects.
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.