Innerverse

Innerverse is a personal productivity and accountability web application designed to convert fear-driven bursts into consistent progress while protecting mental health. Built as an HTML/Tailwind/JS prototype MVP.

🎯 Product Vision

Create a personal system that helps users (especially those with fear-driven activation patterns) maintain consistent progress without mental health damage through:

• Micro-deadlines and time-boxed actions
• Accountability partnerships with controlled pressure
• Success logging for confidence building
• Metacognitive journaling that forces action
• Pattern detection to prevent burnout cycles

---

🚀 Core Features (MVP Complete)

✅ Currently Implemented

📝 Personal Dashboard (index.html)

• Today's Top 3 micro-tasks display
• Writing streak tracking (gamification)
• Memory triggers for journaling inspiration
• Quick stats (stories written, days journaled, insights found, growth points)
• To-Do list with add/complete functionality
• Gratitude corner for positive reflection
• Recent stories preview
• Daily reflection prompts

✍️ Diary/Journaling (diaries.html)

• Rich text editor (Quill.js integration)
• Mood selection (happy, sad, anxious, angry, peaceful)
• Tag management system
• Save draft & publish functionality
• Title and content management

📅 Timeline (timeline.html)

• Chronological memory organization by year
• Add new memories with:
  • Title, date, description
  • Location tracking
  • Category classification (Family, Friends, Travel, Achievement, Life Event)
• Visual year markers
• Interactive memory cards

🏆 Milestones (milestones.html)

• Goal tracking with achievement status
• Multiple categories (Personal, Career, Education, Health, Financial)
• Progress visualization
• Filter and sort functionality
• Edit/delete milestone options
• Achievement badges

💌 Future Self Letters (future.html)

• Time-capsule messaging
• Delivery date scheduling
• Mood tracking at creation
• Sample message inspiration
• Message templates

🔐 Authentication

• Simple Auth (register.html): Login/Register toggle with guest mode
• Advanced Auth (registration.html): Google OAuth + Secret Code system

---

🎨 Design System

Visual Identity

• Font Family: Inter (UI) + Merriweather (content)
• Color Palette:
  • Primary Blue: #3b82f6 → #1d4ed8 (gradient)
  • Accent Colors: Green (success), Yellow (anxious), Red (anger), Purple (peace)
  • Neutral: Slate gray variations
• Effects:
  • Glass morphism cards (background: rgba(255, 255, 255, 0.95) + backdrop-filter: blur(20px))
  • Smooth gradients throughout
  • Micro-animations on hover
  • Mood indicators with color coding

---

🛠️ Tech Stack

Frontend

• HTML5: Semantic structure
• Tailwind CSS: Utility-first styling (CDN)
• Alpine.js: Lightweight reactivity (CDN)
• Quill.js: Rich text editing
• Font Awesome: Icons

Architecture

• Pure HTML/JS/CSS prototype
• No build tools required (CDN-based)
• Local storage for demo persistence (to be replaced)

---

📋 Planned Features (Based on innerspace.md)

🔥 High Priority (Next Sprint)

A. 90-Day Cycles (Not yet implemented)

• Create/edit 90-day focus with 3 Key Results
• Weekly milestone auto-generation
• Review date reminders
• Retrospective metadata capture

B. Micro-Deadline System (Partially implemented)

• Fields needed:
  • ✅ Title, estimate (5/15/25/60/120 min), priority, deadline
  • ⏳ Missing: Consequence, accountability partner toggle, public flag, repeat schedule
• Smart task-breaking suggestions (>60min → 15min chunks)
• Timer modes:
  • ✅ Private timer (basic)
  • ⏳ Missing: Partner-watched, Public promise

C. Timers & Sprints (Basic implementation exists)

• ✅ Preset durations (5/10/15/25/50/90 min)
• ⏳ Missing:
  • Timer completion prompts (Done/Partial/Failed)
  • Auto-add to Success Log on completion
  • Partner notifications

D. Accountability System (Not implemented)

• Partner roles: Reviewer, Cheerleader, Auditor
• Weekly audit emails
• Public accountability feed
• Partner consent management

E. Consequence Engine (Not implemented)

• User-defined light consequences
• Safety warnings for harmful consequences
• Optional automated friend notification

F. Success Log Enhancement

• ✅ Basic tracking exists in dashboard stats
• ⏳ Missing:
  • Detailed log entries after micro-task completion
  • Weekly "Evidence of Growth" emails
  • Proof Dashboard with visualizations

G. Smart Suggestions & Nudges

• Pattern detection for surge-crash cycles
• Automated task breakdown suggestions
• Inactivity alerts (noon check-in)
• Re-evaluation prompts for repeatedly missed tasks

🔮 Future Enhancements (v2+)

• AI-Assisted Insights: Journal summarization (opt-in)
• Mobile Apps: iOS/Android native
• Calendar Integration: Google Calendar sync
• Team Features: Coach marketplace, paid accountability
• Advanced Analytics: Pattern visualization, trend analysis
• Premium Tier: Advanced automation, unlimited partners

---

💾 Data Model (Planned)

Core Entities

User:
  - id, name, username, email, hashed_password
  - timezone, psych_profile, pressure_level
  - created_at, last_active

90DayCycle:
  - id, user_id, title, objective, KRs (json)
  - start_date, end_date, weekly_milestones (json)
  - status, retrospective_notes

Task:
  - id, user_id, title, desc, estimate_minutes
  - priority, deadline_at, tags[], status
  - is_micro, parent_task_id, public_flag
  - partner_id, consequence_id

TimerSession:
  - id, user_id, task_id, mode (private/partner/public)
  - duration_minutes, started_at, ended_at
  - result (done/partial/failed), notes

JournalEntry:
  - id, user_id, title, body (markdown)
  - mood (int), tags, visibility
  - created_at, updated_at

SuccessLog:
  - id, user_id, title, description
  - time_spent, related_task_id
  - created_at, tags

PartnerRelationship:
  - id, owner_user_id, partner_user_id
  - role (reviewer/cheerleader/auditor)
  - permissions (json), created_at

Consequence:
  - id, user_id, description, type
  - is_active, trigger_rules

PublicPost:
  - id, user_id, content, deadline_at
  - consequence_id, status

Recommended Database: PostgreSQL (JSONB support) + Elasticsearch for journal search

---

🏃 Getting Started

Local Development

1. Clone the repository

   git clone https://github.com/yourusername/innerverse.git
   cd innerverse

2. Open in browser

   • Simply open index.html in your browser
   • No build step required!

3. Start coding

   • All CSS via Tailwind CDN
   • All JS via Alpine.js CDN
   • Hot reload via Live Server (VS Code extension recommended)

File Structure

innerverse/
├── index.html           # Main dashboard
├── diaries.html         # Journal/diary writing
├── timeline.html        # Memory timeline
├── milestones.html      # Goals & achievements
├── future.html          # Future self letters
├── register.html        # Simple auth (login/register)
├── registration.html    # OAuth + secret code auth
├── draft.html           # Landing page template (example)
├── new-compro.html      # Alternative landing page
├── innerspace.md        # Complete product spec
└── README.md            # This file

---

🧠 Design Principles

1. Low-Friction: Minimal clicks to capture thoughts
2. Time-Boxed: Everything has duration constraints
3. Social-Proof: Optional accountability without shame
4. Habit-First: Daily rituals over motivation
5. Pressure Without Panic: Controlled stress response
6. Privacy-First: Private by default, public by choice
7. Evidence-Based: Concrete success tracking

---

🎯 User Personas

Primary: Syah (Power User)

• Activation Type: Fear-driven bursts
• Needs: Short wins, micro-deadlines, evidence logging
• Pain Points: Analysis paralysis, inconsistency, low confidence
• Solution: Micro-deadlines + accountability partners + success log

Secondary: Accountability Partner

• Role: Friend/Coach providing external pressure
• Needs: Lightweight check-ins, progress visibility
• Constraints: Privacy-respecting, opt-in access only

Tertiary: Casual User

• Needs: Pomodoro timers, habit tracking, simple journaling
• Entry Point: Public streaks, no partner required

---

🔒 Privacy & Security

• ✅ Private by Default: All journal entries private
• ✅ Granular Permissions: Partner access control
• ✅ Data Export: Full export (PDF/markdown/CSV)
• ⏳ Encryption: End-to-end (planned)
• ⏳ GDPR Compliance: Right to delete, download data
• ⏳ Safe Mode: Gentle pressure for sensitive users

Mental Health Safeguards

• Low mood flagging system (configurable threshold)
• Professional help resource prompts
• Blocked harmful consequences
• Burnout pattern detection

---

📊 Success Metrics (KPIs)

User Engagement

• Daily Active Users (DAU) / Weekly Active Users (WAU)
• Average micro-tasks completed per day
• Success Log entries per week
• 90-day cycle completion rate

Feature Adoption

• % tasks started within 2 hours of creation
• % timers with partner watch enabled
• Public promise success rate
• Partner audit response rate

Personal Goals (Syah)

• Weekly micro-task completion: 5+
• Evidence log entries: 3/week
• Surge-crash weeks: <1/month
• Nightly journaling: 5/7 days

---

🗺️ Roadmap

Phase 1: MVP (Current - 4-8 weeks)

• User onboarding with psych profile
• Dashboard with Top 3 & quick actions
• Basic to-do + timers
• Nightly journaling with 3 questions
• Timeline & milestones
• Partner invite system (simple)
• Basic notifications (email/in-app)

Phase 2: v1 (8-16 weeks)

• 90-day cycles & weekly milestones
• Public promises feed
• Consequence engine (simple)
• Pattern detection & alerts
• Calendar sync integration
• Analytics dashboard
• Weekly evidence email

Phase 3: v2+ (16-32 weeks)

• AI-assisted insights & summarization
• Advanced partner workflows
• Mobile apps (iOS/Android)
• Gamification & rewards
• Premium features (coach marketplace)

---

🤝 Contributing

This is currently a personal project in early MVP stage. Future contributions welcome after core features stabilize.

Development Guidelines

• Keep HTML/Tailwind/JS stack for prototype
• Maintain glass-morphism design language
• Follow low-friction interaction principles
• Add animations for delight, not distraction
• Test with actual fear-driven users (like Syah!)

---

📝 License

[To be determined - likely MIT or similar permissive license]

---

💡 Inspiration & Credits

• Design Philosophy: Atomic Habits (James Clear), Getting Things Done (David Allen)
• UX Patterns: Notion, Todoist, Day One Journal
• Mental Health: CBT principles, metacognitive therapy
• Accountability: StickK, Beeminder concepts
• UI Kit: TailwindCSS, Alpine.js, Quill.js

---

📞 Contact & Support

Created by: Syah (Reza)
Purpose: Personal productivity system for fear-driven achievers
Status: MVP Prototype (HTML/Tailwind/JS)

---

🎓 Learning Resources

For developers interested in the concepts:

• Fear-driven productivity patterns
• [Micro-deadline research](behavioral psychology)
• [Accountability partner psychology](social pressure studies)
• [Metacognitive journaling](CBT techniques)

---

🚀 Transform your fear-driven bursts into consistent progress. Start your journey with Innerverse.