Skip to content

README.MD

Latest commit

 

History

History
145 lines (110 loc) · 3.68 KB

README.MD

File metadata and controls

145 lines (110 loc) · 3.68 KB
Raw

🌸 Womans Health Tracker App

A comprehensive women's health & period tracking mobile application built with React Native and Expo. Designed to help women track their menstrual cycles, monitor health, and gain insights into their wellness journey.

📱 VIEW the final App

🌸 Womans Health Tracker App

✨ Features

  • 🩸 Period Tracking — Log period start dates and track cycle history
  • 📅 Calendar View — Visual calendar showing period days and predictions
  • 📊 Insights — Average cycle stats and personalized wellness tips
  • 💬 AI Chatbot — Health-focused chat assistant
  • 🏋️ Exercise Tracker — Log and browse workouts
  • 👩‍⚕️ Doctor Connect — Find and connect with healthcare providers
  • 🛍️ Shop — Browse health & wellness products
  • 👥 Social — Community and social features
  • 🔔 Reminders — Period and wellness reminders
  • 👤 Profile — Personal health profile management
  • 🌙 Onboarding — Smooth first-time user experience
  • 🔐 Auth — Login & Register screens

🗂️ Project Structure

ovia/
├── src/
│   ├── screens/
│   │   ├── SplashScreen.js
│   │   ├── OnboardingScreen.js
│   │   ├── LoginScreen.js
│   │   ├── RegisterScreen.js
│   │   ├── HomeScreen.js
│   │   ├── CalendarScreen.js
│   │   ├── ChatbotScreen.js
│   │   ├── DoctorScreen.js
│   │   ├── ExerciseScreen.js
│   │   ├── ExerciseDetailScreen.js
│   │   ├── InsightsScreen.js (planned)
│   │   ├── NotificationsScreen.js
│   │   ├── ProfileScreen.js
│   │   ├── RemindersScreen.js
│   │   ├── ShopScreen.js
│   │   └── SocialScreen.js
│   ├── components/
│   ├── navigation/
│   └── theme/
├── assets/
├── App.js
├── app.json
├── index.js
└── package.json

🚀 Getting Started

Prerequisites

Make sure you have the following installed:

Installation

  1. Clone the repository
git clone https://github.com/LakshuCodes/Womans-Health-Tracker-App.git
cd Womans-Health-Tracker-App/ovia
  1. Install dependencies
npm install
  1. Start the development server
npx expo start
  1. Run on your device
    • Scan the QR code with Expo Go (Android) or Camera app (iOS)
    • Or press a for Android emulator / i for iOS simulator

🛠️ Tech Stack

Technology Purpose
React Native Cross-platform mobile framework
Expo Development platform & tooling
React Navigation Screen navigation
AsyncStorage Local data persistence
React Native Calendars Calendar UI component
date-fns Date manipulation

📦 Key Dependencies

{
  "expo": "latest",
  "react": "18.x",
  "react-native": "0.74.x",
  "@react-navigation/native": "^6.x",
  "@react-navigation/bottom-tabs": "^6.x",
  "@react-native-async-storage/async-storage": "^1.x",
  "react-native-calendars": "^1.x",
  "date-fns": "^3.x"
}

🎨 Design

  • Primary Color: #E75480 (Deep Pink)
  • Background: #FFF0F5 (Lavender Blush)
  • Accent: #FFB6C1 (Light Pink)
  • Theme: Soft, feminine, health-focused UI

👩‍💻 Author

LakshuCodes
GitHub: @LakshuCodes

Built with 💗 for women's health and wellness