/Cancer_compass

Repository Name: Cancer Compass Description: This repository contains the source code and project files for cancer compass, a comprehensive mobile application designed to support cancer patients and their families. The app provides features such as symptom tracking, educational resources, and a chatting featured to for community support

Primary LanguageTypeScript

Cancer Info App

Cancer Info App is a mobile application built with Ionic Angular and Capacitor that provides information about various types of cancer. The app includes a full interactive UI design with four main tabs: Home, Search, Donate, and Settings. It is designed to educate people about different types of cancer, their symptoms, and causes, and also allows users to donate to cancer charities.

Home Page

Features

  • Category page that displays different types of cancer
  • Details page for each type of cancer with comprehensive information
  • Search functionality to find specific types of cancer
  • Donate page to make donations to cancer charities
  • Settings page with a link to the chat app, where users can chat with available doctors.

Screenshots

Here are some screenshots of the Cancer Info App:

Home Page

The Home page displays the main categories of different types of cancer. Home Page

Category Page

The Category page displays the different types of cancer that are available in the app.

Home PageHome Page

Search Page

The Search page allows users to search for specific types of cancer.

Home Page

Donate Page

The Donate page allows users to donate to cancer charities.

Home PageHome Page

Settings Page

The Settings page provides a link to the chat app where users can chat with available doctors.

Home Page

login Page

Home PageHome Page

Chat Page

Home PageHome Page

Installation

To install and run the app locally, follow these steps:

  1. Clone the repository: git clone https://github.com/Gurvinder-Singh02/Cancer_compass.git
  2. Install the dependencies using: npm install
  3. Start the app using: ionic serve

Usage

Download the app by clicking on Releases and Assests then download make sure to give access to 3rd party downloads To use the app, follow these steps:

  1. Launch the app
  2. Navigate to the Home tab to see the category page
  3. Click on a specific type of cancer to see its details
  4. Use the Search tab to find a specific type of cancer
  5. Use the Donate tab to make a donation
  6. Use the Settings tab to access the chat app

Technologies Used

The following technologies were used to build the Cancer Info App:

  • Ionic Angular: A framework for building mobile applications using web technologies.
  • Capacitor: An open-source framework for building cross-platform mobile apps.
  • Google Firebase: A backend-as-a-service platform that provides authentication, cloud storage, and real-time database services.

Contributors