BeatCancer

BeatCancer is a web application designed to assist cancer patients and healthcare providers in managing medical records, treatment plans, and screening schedules. The project leverages modern web technologies and artificial intelligence to provide personalized care and streamline the treatment process. The project's key features and components:

1. Medical Records Management:

   • Users can create, view, and manage their medical records.
   • The application provides a user-friendly interface for organizing and accessing medical information.
   • Records are stored securely and associated with user accounts.

2. AI-Driven Treatment Analysis:

   • The system integrates with Google's Generative AI (Gemini) to analyze medical reports and images.
   • Users can upload medical documents, which are then processed by the AI to generate personalized treatment plans.
   • The AI provides detailed, easy-to-understand treatment recommendations based on the uploaded information.

3. Interactive Treatment Planning:

   • The application converts AI-generated treatment plans into interactive Kanban boards.
   • Tasks are categorized into "Todo", "Doing", and "Done" columns, allowing patients and healthcare providers to track treatment progress.
   • This feature helps in visualizing and managing the treatment process more effectively.

4. User Authentication and Data Persistence:

   • The application uses drizzle orm to store user information and records.
   • There's a user authentication system in place using web3Auth.

5. Responsive UI Design:

   • The project uses modern UI components and design principles to ensure a responsive and user-friendly interface.

6. State Management:

   • The application uses a custom state management system (StateContextProvider) to handle global state and data fetching.

7. Routing:

   • React Router is used for navigation between different sections of the application.

8. File Upload and Processing:

   • Users can upload medical reports and images, which are then processed by the AI for analysis.

Here’s a detailed overview of each technology used in 'BeatCance'r:

React: A powerful JavaScript library for building user interfaces. It enables the creation of reusable UI components with managed state, streamlining the development of complex, interactive web applications.

React Router: The standard routing library for React applications, facilitating dynamic, client-side routing for seamless navigation and a single-page application experience.

Tailwind CSS: A utility-first CSS framework offering a wide range of low-level utility classes. It accelerates custom UI development directly within the HTML, enhancing productivity and design flexibility.

Google Generative AI (Gemini): An advanced AI model designed for generating human-like text. It is employed to analyze medical reports and create personalized treatment plans tailored to individual patients.

Ethereum / Web3: A decentralized, open-source blockchain platform with smart contract capabilities. Web3 libraries provide the interface for interacting with Ethereum, enabling secure data storage and smart contract execution within the application.

Web3Auth: A seamless authentication solution tailored for Web3 applications, allowing users to manage blockchain wallets using their existing Web2 credentials, such as Google or Facebook accounts.

Chainlink: A decentralized oracle network that ensures secure access to off-chain data feeds, APIs, and payment systems. It enables the project to fetch real-world data necessary for smart contract operations.

Sign Protocol: A blockchain-based protocol for secure document signing and verification. It guarantees the integrity and authenticity of medical documents and treatment plans.

Neon Database: A serverless Postgres database solution that separates storage and compute, providing a scalable and efficient data management environment for the project.

Drizzle ORM: A type-safe ORM for TypeScript, simplifying database interactions, schema management, and migrations, enhancing the robustness of database operations.

React Markdown: A React component for rendering Markdown content, facilitating the display of formatted text like medical reports and treatment plans in an easily readable format.

DnD Kit: A lightweight, performant, and accessible drag-and-drop toolkit for React, ideal for creating an interactive Kanban board to manage treatment plans.

Hardhat: A comprehensive Ethereum development environment that supports building, testing, and deploying smart contracts, providing a strong foundation for blockchain-based features.

MetaMask: A widely-used cryptocurrency wallet for interacting with the Ethereum blockchain, enabling users to securely engage with decentralized applications via browser extension or mobile app.

React App Rewired: A tool that allows modification of Create React App’s webpack configurations without ejecting, ensuring greater flexibility while retaining the advantages of Create React App.

Environment Variables: A method for storing configuration settings and sensitive information, such as API keys, securely outside the codebase. This enhances security and simplifies deployment across various environments.

Local Storage: A browser-based storage solution for persisting key-value pairs, used for client-side data like user preferences or session information.

Tabler Icons: A set of high-quality SVG icons that enrich the user interface with visually appealing and consistent iconography.