BackUp Mental Health Support App

A comprehensive mental health support application built with Expo and React Native, designed to provide users with tools and resources for managing their mental well-being and supporting others.

🌟 Features

Core Features

• Task Management System
  • Priority levels and due dates
  • Custom tags support
  • Bulk actions for efficient management
  • Drag-and-drop functionality

Mental Health Tools

• Coping Cards
  • Customizable coping strategies
  • Categories for different situations
  • Quick access to emergency resources

Support Network

• Emergency Contacts
  • Quick access to crisis contacts
  • Customizable contact categories
  • Emergency information cards

Media Library

• Comfort Media Collection
  • Upload and store calming images
  • Personal audio library
  • Organized media categories

Progress Tracking

• Sobriety Tracking
  • Milestone achievements
  • Progress statistics
  • Journal entries
  • Money saved calculator

Document Management

• Personal Documents
  • Waardenboom document storage
  • Balans assessment tracking
  • Circle of Change progress monitoring

🚀 Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm or yarn
• Expo CLI

Installation

1. Clone the repository:

git clone [repository-url]

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

📱 Supported Devices

iPhone Models

• iPhone 16
• iPhone 16 Plus
• iPhone 16 Pro
• iPhone 16 Pro Max
• iPhone 15/15 Pro
• iPhone 15 Pro Max
• iPhone 13/14
• iPhone 13/14 Pro
• iPhone 13/14 Pro Max
• iPhone 13 Mini

iPad Models

• iPad (10th generation)
• iPad Pro 11"
• iPad Pro 12.9"

Desktop

• Responsive desktop layout

🛠 Technical Stack

Core Technologies

• React Native
• Expo SDK 52.0.30
• Expo Router 4.0.17
• TypeScript

Key Libraries

• @expo-google-fonts - Font management
• expo-camera - Camera functionality
• expo-av - Audio/video playback
• react-native-reanimated - Advanced animations
• react-native-gesture-handler - Gesture handling
• @react-native-async-storage/async-storage - Local data storage
• lucide-react-native - Icon system

📂 Project Structure

app/
├── _layout.tsx              # Root layout configuration
├── (tabs)/                  # Tab-based navigation
│   ├── _layout.tsx         # Tab navigation configuration
│   ├── index.tsx           # Home screen
│   ├── todo/               # Task management
│   ├── cards/              # Coping cards
│   ├── contacts/           # Emergency contacts
│   ├── safety/             # Safety features
│   ├── progress/           # Progress tracking
│   ├── mediaLibrary/       # Media management
│   ├── box/                # Document storage
│   ├── faq/                # Help and support
│   └── settings/           # App settings
├── components/             # Reusable components
├── context/               # Context providers
├── hooks/                 # Custom hooks
├── styles/               # Global styles
├── types/                # TypeScript definitions
└── utils/                # Utility functions

🎨 Design System

Theme Support

• Light and dark mode
• Customizable color schemes
• Consistent typography
• Responsive layouts

Components

• Custom buttons
• Form elements
• Cards and containers
• Modal dialogs
• Navigation elements

📱 Platform Support

Web (Primary Platform)

• Optimized for desktop browsers
• Progressive Web App support
• Responsive design

Mobile

• iOS support through Expo
• Android compatibility
• Platform-specific optimizations

🔒 Security Features

• Secure document storage
• Private journal entries
• Protected user data
• Safe media handling

🔄 State Management

• React Context for global state
• AsyncStorage for persistence
• TypeScript for type safety

📈 Performance Optimizations

• Lazy loading for routes
• Optimized image loading
• Efficient state updates
• Minimal re-renders

🧪 Testing

To run tests:

npm test

📦 Building for Production

npm run build:web

🤝 Contributing

1. Fork the repository
2. Create a feature branch
3. Commit changes
4. Push to the branch
5. Open a pull request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👥 Team

• Development: [Your Team]
• Design: [Your Team]
• Product: [Your Team]

📞 Support

For support inquiries, please contact:

• Email: support@example.com
• Website: https://example.com/support

🔄 Version History

See CHANGELOG.md for a detailed list of changes.

Current Version: 1.2.0 (March 15, 2024)