Breast Cancer Awareness App

A comprehensive educational web application focused on breast cancer awareness, early detection, and resources.

Features

  • Educational Content: Information about breast cancer, risk factors, and prevention
  • Symptom Awareness Tool: Interactive questionnaire to help users understand warning signs
  • Self-Examination Guide: Step-by-step instructions for breast self-examination
  • Resources: Links to healthcare providers, support groups, and additional information
  • Risk Assessment: Basic risk factor evaluation tool

Important Disclaimer

This application is for educational purposes only and is not intended to replace professional medical advice, diagnosis, or treatment. Always consult with qualified healthcare professionals for medical concerns.

Project Structure

├── backend/
│   ├── index.ts             # Main Hono server
│   └── routes/
│       └── api.ts           # API endpoints
├── frontend/
│   ├── index.html           # Main HTML template
│   ├── index.tsx            # React app entry point
│   ├── components/
│   │   ├── App.tsx          # Main app component
│   │   ├── SymptomChecker.tsx
│   │   ├── EducationSection.tsx
│   │   ├── SelfExamGuide.tsx
│   │   └── Resources.tsx
│   └── style.css            # Custom styles
└── shared/
    └── types.ts             # Shared TypeScript types

Technology Stack

  • Backend: Hono (TypeScript)
  • Frontend: React 18.2.0 with TypeScript
  • Styling: TailwindCSS
  • Storage: Val Town Blob storage for user data (optional)