System Requirements Document (SRD)

Project Name: mercy-health

1. Introduction

The mercy-health project aims to create a fully functional, modern Health Tracker Web Application tailored to individual users. This application will empower users to monitor and improve their health through personalized tracking, goal setting, and analytics. Designed with a focus on user experience, the system will provide a seamless, responsive interface for both mobile and desktop users.

This document outlines the system requirements for mercy-health, including functional and non-functional requirements, user personas, design concepts, and technical specifications. The project will leverage cutting-edge technologies to deliver a robust and scalable solution.

2. System Overview

The mercy-health application is a comprehensive health tracker designed to help users monitor key health metrics such as calories, water intake, steps walked, sleep hours, and BMI. The system will feature a user-friendly dashboard, goal-setting capabilities, and detailed analytics to provide insights into health trends.

Key features include:

• User authentication and profile management
• Health tracking modules for food, water, steps, and sleep
• Goal-setting and progress tracking
• Notifications and reminders
• Exportable health reports
• A modern, responsive design with dark mode support

The system will be developed using the following tech stack:

• Frontend: React.js with Tailwind CSS
• Backend: Node.js with Express
• Database: MongoDB
• Authentication: JWT

3. Functional Requirements

As a User:

• I should be able to sign up, log in, and log out securely.
• I should be able to create and manage my profile (name, age, gender, weight, height).
• I should be able to view a dashboard summarizing my daily health metrics.
• I should be able to track my food intake, water consumption, steps walked, and sleep hours.
• I should be able to set daily health goals and monitor my progress.
• I should receive notifications for water intake and sleep reminders.
• I should be able to view weekly and monthly health reports with graphs.
• I should be able to export my health report as a PDF.
• I should be able to toggle between light and dark modes.
• I should be able to view daily motivational quotes.

As an Admin:

• I should be able to view and manage user data.

As a System:

• I should pre-resolve the "Build" requirement by the API supervisor to ensure seamless integration and deployment.

4. User Personas

1. Regular User

   • Description: Individuals who want to track their health metrics and achieve their fitness goals.
   • Goals: Improve health, monitor progress, and stay motivated.
   • Features Used: Dashboard, health tracking modules, goal setting, notifications, and reports.

2. Admin

   • Description: System administrators responsible for managing user data and ensuring smooth operation of the application.
   • Goals: Maintain data integrity, monitor user activity, and manage system configurations.
   • Features Used: Admin panel for user and data management.

5. Visuals Colors and Theme

Color Palette

The mercy-health application will feature a calming and health-oriented color palette:

• Background: #F4F9F9 (Soft Mint Green)
• Surface: #FFFFFF (Pure White)
• Text: #2C3E50 (Deep Navy Blue)
• Accent: #FF6F61 (Coral Red)
• Muted Tones: #B2BABB (Soft Gray)

This palette is designed to evoke a sense of freshness, vitality, and clarity, aligning with the health-focused theme of the application.

6. Signature Design Concept

The mercy-health homepage will feature an Interactive Health Journey Map.

Concept Details:

• Visual Layout: The homepage will display a dynamic, scrollable timeline that represents a user's health journey. Each milestone (e.g., "First Login," "First Goal Achieved," "Weekly Report") will appear as a glowing node on the timeline.
• Animations: Nodes will light up and expand slightly when hovered over, revealing key details and achievements. Smooth transitions will guide users as they scroll through their journey.
• Color Shifts: The background will subtly transition between soft gradients (e.g., mint green to coral red) as users interact with the timeline, creating a sense of progress and vitality.
• Micro-Interactions: Clicking on a node will open a modal with detailed insights, such as graphs, motivational quotes, or tips for improvement.
• Dark Mode: In dark mode, the timeline will glow against a deep navy background, with nodes appearing as vibrant orbs.

This design will make the homepage visually striking and emotionally engaging, encouraging users to explore and stay motivated.

7. Non-Functional Requirements

• The system must be responsive and perform well on both mobile and desktop devices.
• The backend APIs must handle at least 100 concurrent users without performance degradation.
• The database must ensure data consistency and support efficient queries for analytics.
• The application must comply with data privacy regulations (e.g., GDPR).
• The system must provide clear error messages and fallback mechanisms.

8. Tech Stack

• Frontend: React.js with Tailwind CSS
• Backend: Node.js with Express
• Database: MongoDB
• Authentication: JWT
• Charts: Chart.js or Recharts
• Deployment: Docker and Kubernetes

9. Assumptions and Constraints

• Users will manually input most health data (e.g., steps, water intake).
• The system will not integrate with external fitness APIs initially.
• Notifications will be limited to in-app reminders.
• The application will support English as the primary language.

10. Glossary

• BMI: Body Mass Index, a measure of body fat based on height and weight.
• JWT: JSON Web Token, a standard for secure user authentication.
• API: Application Programming Interface, a set of rules for interacting with the system.
• GDPR: General Data Protection Regulation, a data privacy law in the European Union.
• Docker: A platform for containerizing applications.
• Kubernetes: A system for automating deployment, scaling, and management of containerized applications.