Regen28 - Wellness Tracking & AI Coaching App

A comprehensive wellness tracking application with AI-powered coaching, social-style feed, and personalized insights.

Features

🏠 Social Feed

Instagram-style post feed with full-width cards
User profile avatars and AI coach avatars
Swipeable square-format carousels for guidance and inspiration
Today's Actions - Daily action items from AI coach
Strategic Insights - Data-driven recommendations
Daily Inspiration - Motivational quotes with navigation
Like and comment on posts
Visual stat cards and progress tracking
Daily wellness summaries
Tap-to-expand for detailed information

📊 Insights Dashboard

Comprehensive analytics
Mood tracking with visualizations
Category performance (Mind, Body, Soul, Beauty)
Streak tracking
Weekly engagement charts

📝 Activity Tracking

Custom trackers for habits and goals
Frequency-aware tracking (daily, weekly, monthly)
Progress photos
Mood and energy logging
AI-powered suggestions

📖 Journaling

Daily journal entries
Mood tracking
AI-generated prompts
Reflection exercises
Sentiment analysis

🎯 Goals & Milestones

Goal creation and tracking
Milestone celebrations
Progress visualization
Achievement system

Tech Stack

Frontend

Framework: Ionic 8 + Angular 20
UI: Tailwind CSS + Ionic Components
State Management: RxJS with caching
Authentication: Firebase Auth
Storage: Firebase Storage
Gestures: Native touch/swipe support

Backend

Functions: Firebase Functions (Node 22)
Database: Firestore
AI: OpenAI GPT-4, Google Vertex AI (Imagen), Google Gemini (@google/generative-ai)
Video: Remotion on Cloud Run
Image Processing: Sharp

Mobile

iOS: Capacitor + Xcode
Android: Capacitor + Android Studio
CI/CD: Ionic Appflow

Project Structure

regen28/
├── src/
│   ├── app/
│   │   ├── components/
│   │   │   └── feed/              # Feed components
│   │   │       ├── feed-list/
│   │   │       ├── feed-item-card/
│   │   │       ├── comments-modal/
│   │   │       └── cards/         # Specialized post cards
│   │   ├── pages/
│   │   │   └── tabs/
│   │   │       ├── dashboard/     # Feed tab (Home)
│   │   │       ├── insights/      # Analytics dashboard
│   │   │       ├── tracker/       # Activity tracking
│   │   │       ├── journal/       # Journaling
│   │   │       └── settings/      # Settings
│   │   ├── services/
│   │   │   ├── feed.service.ts
│   │   │   ├── media.service.ts
│   │   │   ├── activity.service.ts
│   │   │   ├── tracker.service.ts
│   │   │   └── statistics.service.ts
│   │   └── models/
│   │       ├── feed-item.interface.ts
│   │       ├── activity.interface.ts
│   │       └── tracker.interface.ts
│   └── assets/
├── functions/
│   ├── src/
│   │   ├── feed/
│   │   │   ├── feed-items.ts      # Feed generation
│   │   │   ├── feed-jobs.ts       # Media generation
│   │   │   ├── interactions.ts    # Likes & comments
│   │   │   ├── wrapped-scheduler.ts
│   │   │   └── wrapped-jobs.ts
│   │   ├── openai.service.ts
│   │   ├── user-management.ts
│   │   └── statistics-functions.ts
│   └── services/
│       └── remotion-renderer/     # Video generation service
├── ios/
│   └── App/
├── android/
│   └── app/
├── docs/
│   ├── BACKEND_INFRASTRUCTURE.md
│   ├── ACTION_INSIGHT_FEED_SYSTEM.md
│   ├── FEED_IMPLEMENTATION.md
│   └── IOS_APPFLOW_TESTERS.md
├── COMMANDS.md
├── firestore.rules
├── firestore.indexes.json
├── storage.rules
└── firebase.json

Documentation

Backend Infrastructure: Cloud Functions setup, initialization, and deployment directly from the source.
Action & Insight System: Detailed architecture of the personalized coaching feed.
Feed Implementation: Overview of the social feed, post types, and frontend components.
iOS Testing: Guide for iOS testers using Appflow.
Common Commands: Quick reference for deployment and development commands.

Getting Started

Prerequisites

Node.js 22+
npm or yarn
Firebase CLI (npm install -g firebase-tools)
Ionic CLI (npm install -g @ionic/cli)
Xcode (for iOS)
Android Studio (for Android)

Installation

Clone and Install

git clone <repository-url>
cd regen28
npm install

Install Functions Dependencies

cd functions
npm install
cd ..

Configure Firebase

firebase login
firebase use regen28-2fe51

Set Environment Variables Create .env file:

FIREBASE_API_KEY=your_key
FIREBASE_PROJECT_ID=regen28-2fe51

Deploy Backend

cd functions
npm run build
firebase deploy --only functions
firebase deploy --only storage
firebase deploy --only firestore:rules
firebase deploy --only firestore:indexes

Development

Run Locally

ionic serve

Run on iOS

ionic cap sync ios
ionic cap open ios

Run on Android

ionic cap sync android
ionic cap open android

Firebase Emulators

firebase emulators:start

Feed Implementation Details

Post Types

1. Tracker Entry

Visual: Full-width gradient background with icon and value
Colors: Category-based (Mind=Indigo, Body=Emerald, Soul=Amber, Beauty=Pink)
Data Source: activities collection (type: tracker_entry)
Author: User avatar with display name

2. Daily Wellness Check

Visual: Purple gradient with metrics
Author: Regen28 Coach (with bot avatar)
Data Source: user-daily-stats collection
Frequency: Once per day

3. Today's Actions

Visual: Square carousel (1:1 aspect ratio) with emerald gradient
Author: Regen28 Coach @ Action Center
Data Source: tracker-specific-suggestions collection
Content: AI-generated daily action items
Features: Swipe navigation, tap-to-expand for details, tracker name header
Metadata: Icon, reason, tracker context

4. Strategic Insights

Visual: Square carousel (1:1 aspect ratio) with blue gradient
Author: Regen28 Coach @ Analytics Lab
Data Source: tracker-specific-suggestions collection
Content: AI-generated insights based on tracking patterns
Features: Swipe navigation, tap-to-expand for details, tracker name header
Metadata: Type, data point, reason

5. Daily Inspiration

Visual: Square carousel (1:1 aspect ratio) with amber/orange gradient
Author: Regen28 Coach @ Wisdom Corner
Data Source: Motivational quotes from tracker-specific-suggestions
Content: Inspirational quotes with author attribution
Features: Swipe navigation, fade transitions, dot indicators

6. AI Motivational & Contextual Posts

Visual: High-fidelity AI-generated images (1:1 aspect ratio)
Author: Nano Banana (AI Coach)
Data Source: Generated by Gemini Pro/Standard via Cloud Functions
Content:
- Motivational: Personalized scenes (uses user reference photos if available)
- Contextual: Visual metaphors for current streaks and activity
Features: Dynamic likeness (Pro model), smart fallback for generic characters

Social Interactions

Likes

Backend: functions/src/feed/interactions.ts → toggleLike
Storage: feed-likes collection
UI: Optimistic updates (instant feedback)
Icon: Heart (outline → filled red)

Comments

Backend: functions/src/feed/interactions.ts → addComment, getComments
Storage: feed-comments collection
UI: Modal with comment list and input field
Features: Pagination, real-time updates

Media Generation

Stat Cards (SVG → PNG)

Generate SVG template with data
Convert to PNG using sharp
Upload to feed-media/{userId}/cards/
Update feed item with URL

AI Images (Vertex AI)

Check user consent
Verify rate limit (5/day)
Call Vertex AI Imagen API
Upload to ai-media/{userId}/
Add AI metadata to post

Wrapped Videos (Remotion)

Scheduler creates jobs (weekly)
Worker calls Cloud Run service
Remotion renders MP4
Upload to wrapped-videos/{userId}/
Generate thumbnail

Configuration

Firebase Functions Environment

firebase functions:config:set openai.key="sk-..."
firebase functions:config:set google.gemini_key="AIza..."
firebase functions:config:set remotion.url="https://..."

App Configuration

Location: capacitor.config.json

{
  "appId": "com.regen28labs",
  "appName": "Regen28",
  "webDir": "www"
}

Deployment

iOS (Appflow)

Push to main branch
Appflow triggers build automatically
Uses Eleven_Heights_Dev.mobileprovision
Code signing: Apple Development certificate

Android

ionic cap sync android
cd android
./gradlew assembleRelease

Web

ionic build --prod
firebase deploy --only hosting

API Documentation

Feed Endpoints

Get Feed

feedService.getFeed(limit: number): Observable<FeedItem[]>

Toggle Like

feedService.toggleLike(feedItemId: string): Observable<{likesCount: number, hasLiked: boolean}>

Add Comment

feedService.addComment(feedItemId: string, text: string): Observable<FeedComment>

Get Comments

feedService.getComments(feedItemId: string, limit?: number): Observable<FeedComment[]>

Contributing

Create feature branch
Make changes
Test locally
Submit pull request

License

Support

For issues or questions, contact: support@regen28.com

Name		Name	Last commit message	Last commit date
Latest commit History 28 Commits
.vscode		.vscode
additional file		additional file
android		android
certs		certs
docs		docs
functions		functions
ios		ios
screen samples		screen samples
src		src
.browserslistrc		.browserslistrc
.editorconfig		.editorconfig
.env		.env
.env.default		.env.default
.eslintrc.json		.eslintrc.json
.firebaserc		.firebaserc
.gitignore		.gitignore
.npmrc		.npmrc
.unimportedrc.json		.unimportedrc.json
README.md		README.md
angular.json		angular.json
capacitor.config.json		capacitor.config.json
cleanup_docs.bat		cleanup_docs.bat
deploys syntax for individual		deploys syntax for individual
exportOptions-adhoc.plist		exportOptions-adhoc.plist
firebase.json		firebase.json
firestore.indexes.json		firestore.indexes.json
firestore.rules		firestore.rules
git_log.txt		git_log.txt
git_status.txt		git_status.txt
ionic.config.json		ionic.config.json
karma.conf.js		karma.conf.js
logs.txt		logs.txt
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
push_output.txt		push_output.txt
regen28_architecture.png		regen28_architecture.png
storage.rules		storage.rules
tailwind.config.js		tailwind.config.js
tsconfig.app.json		tsconfig.app.json
tsconfig.json		tsconfig.json
tsconfig.spec.json		tsconfig.spec.json

Elevenheights/ReGen28

Folders and files

Latest commit

History

Repository files navigation