RTRahma TalbiSoftware Engineer
Let's connect
All projects

Mobile · Healthcare · Full Stack

SOPK

Women’s Health & PCOS Tracking Platform

Daily health tracking,
designed around women.

SOPK is a cross-platform women’s health application that helps patients monitor menstrual cycles, symptoms, medications, hormonal analyses and daily health indicators while securely sharing follow-up data with authorized doctors.

React NativeExpoSpring BootPostgreSQL
SOPK application screenshot
Overview

Bringing cycle and health tracking
into one connected space.

SOPK is a cross-platform health tracking application designed to support women with PCOS/SOPK in monitoring menstrual cycles, symptoms, medications, hormonal analyses and daily physiological indicators.

The platform also provides a secure doctor space where authorized healthcare professionals can review patient follow-up data through a controlled access-code mechanism.

Tech stack
Frontend
React NativeExpoTypeScriptExpo Router
Application Logic
React HooksContext APIAxios
Backend
Java 21Spring BootSpring Security
Data
PostgreSQLJPA / Hibernate
Security & Services
JWTBCryptCloudinary
Key features
01

Cycle & Symptom Tracking

Track menstrual cycles, daily symptoms and cycle history through structured health records and calendar-based follow-up.

02

Daily Health Monitoring

Record physiological indicators including weight, hydration, activity, sleep and basal temperature to follow health evolution over time.

03

Medication & Hormonal Follow-up

Manage medications, treatment intake and hormonal analysis results including FSH, LH and prolactin within the same patient space.

04

Secure Doctor Sharing

Patients can generate controlled access codes that allow authorized doctors to review relevant medical follow-up data in read-only mode.

Health tracking workflow
  1. Cycle tracking
  2. Symptoms
  3. Medication
  4. Health indicators
  5. Evolution
Architecture

Clean layers from
interface to persistence.

SOPK separates presentation, application logic, API communication and persistence responsibilities across both frontend and backend layers.

The React Native / Expo application communicates with a secured Spring Boot REST API, which applies business and authorization rules before accessing persistent data in PostgreSQL.

Frontend flow

The UI does not communicate directly with the backend.

  1. Screen / Component
  2. Hook
  3. Use Case
  4. API Service
  5. Shared Axios Client
  6. Spring Boot API
Backend layers
  1. Controller
  2. Application Service
  3. Domain
  4. Repository
  5. PostgreSQL
Secure sharing

Patient-controlled access,
built around explicit authorization.

A doctor does not automatically gain access to patient records. The patient generates a controlled access code, which must be verified before the backend establishes an authorized doctor–patient association.

  1. Patient
  2. Access code
  3. Doctor verification
  4. Authorized association
  5. Read-only dossier
Security

Protected health data,
scoped to the right user.

Authentication

  • JWT authentication
  • BCrypt passwords
  • Stateless sessions

Authorization

  • PATIENTE / MEDECIN roles
  • Protected APIs
  • Server-side ownership checks

Secure Sharing

  • Access-controlled doctor association
  • Read-only authorized access
  • Revocation support
Security flow
  1. Login
  2. Spring Security
  3. JWT generation
  4. Axios interceptor
  5. Protected API

Resource ownership is validated server-side to prevent unauthorized cross-user access to protected health records.

Interface gallery

Mobile and web interfaces connect menstrual cycle tracking, daily health monitoring and authorized doctor follow-up in one focused healthcare experience.

On the go

Daily tracking and cycle insights designed for quick, focused check-ins.

Patient mobile dashboardMobile experience
Menstrual cycle calendarMobile experience
Daily health trackingMobile experience
At a glance

Wider clinical views bring patient context, trends and follow-up into one workspace.

Patient web dashboardWeb experience
Symptoms trackingWeb experience
Hormonal analysesWeb experience
Doctor dashboardWeb experience
Authorized patient medical recordWeb experience
Cross-platform

One codebase,
multiple experiences.

The application uses a shared React Native / Expo codebase with responsive layouts adapted for mobile and web experiences.

FrontendReact Native / ExpoBackendSpring BootDatabasePostgreSQLBuildMaven
React Native + Expo
AndroidiOS-readyExpo Web

SOPK brings cycle tracking, daily health monitoring, secure doctor sharing and clean full-stack architecture into one connected women’s health experience.

Next project
MediLinkTelemedicine & AI-Assisted Healthcare Platform
Explore project