windy-lifemirror

byJILLELLAMUDI MANOHAR,CSE 2023 Vel Tech, Chennai

LIFEMIRROR MASTER PROJECT PROMPT Build a complete production-ready full-stack platform called: LifeMirror: An Intelligent Predictive Behavioral Analytics Platform with MirrorMind AI OVERVIEW LifeMirror is an AI-powered behavioral analytics ecosystem that helps users understand daily life patterns, predict future outcomes, simulate habit changes, and receive intelligent personalized guidance. The platform must include: 1. React Native Expo Mobile App 2. React Web Application 3. Admin Portal 4. Node.js Backend API 5. MongoDB Database 6. MirrorMind AI Chat Assistant The application should look like a premium SaaS product comparable to modern AI startups. ==================================================== TECH STACK Frontend Web: * React.js * TypeScript * Tailwind CSS * React Router * React Query * Framer Motion * Chart.js Mobile: * React Native * Expo * TypeScript * Expo Router * NativeWind * React Navigation Backend: * Node.js * Express.js Database: * MongoDB Authentication: * JWT * bcrypt AI: * OpenAI API Integration * Context-Aware Chat Assistant Reports: * PDF Generation ==================================================== PROJECT STRUCTURE lifemirror/ mobile-app/ web-app/ admin-portal/ backend/ shared/ ==================================================== MOBILE APP SCREENS 1. Splash Screen 2. Onboarding 3. Login 4. Register 5. Dashboard 6. Daily Logger 7. Analytics 8. Predictions 9. Simulation 10. MirrorMind AI Chat 11. Weekly Reports 12. Profile 13. Settings ==================================================== WEB APPLICATION PAGES 1. Landing Page 2. Login 3. Register 4. Dashboard 5. Analytics 6. Prediction Center 7. Simulation Center 8. Reports 9. MirrorMind AI Chat 10. Profile 11. Settings ==================================================== ADMIN PORTAL Admin Dashboard Features: * Total Users * Active Users * Daily Activity * Monthly Activity * System Analytics * User Management * Report Management * AI Usage Monitoring * Prediction Monitoring * Platform Statistics ==================================================== AUTHENTICATION Implement: * Register * Login * Logout * Forgot Password * JWT Authentication * Protected Routes * Session Persistence * Password Hashing * Role-Based Access Control Roles: * User * Admin ==================================================== USER PROFILE Store: * Name * Age * Gender * Occupation * Goals * Sleep Target * Productivity Target * Focus Target * Daily Improvement Goal ==================================================== DAILY LOGGER Allow users to track: * Sleep Hours * Mood Level * Stress Level * Focus Level * Productivity Level * Screen Time * Social Media Usage * Water Intake * Exercise Duration * Work Hours * Study Hours Store data securely. ==================================================== SMART DASHBOARD Display: * Productivity Score * Focus Score * Mood Score * Sleep Quality Score * Growth Potential Score * Burnout Risk * Life Score Include: * Trend Cards * Weekly Charts * Monthly Charts * AI Insights * Progress Tracking ==================================================== BEHAVIORAL PATTERN DETECTION ENGINE Analyze: * Hidden Productivity Patterns * Bad Habit Triggers * Positive Habit Chains * Time-Based Behavioral Trends * Sleep-Performance Relationships * Stress Correlations * Focus Correlations Generate insights such as: "Using social media after 8 PM reduces next-day focus by 23%." "Sleeping before 11 PM improves productivity by 14%." ==================================================== PREDICTIVE INTELLIGENCE ENGINE Predict: * Future Productivity Trend * Burnout Probability * Habit Decline Probability * Mood Stability * Focus Stability * Growth Potential Forecast: * 7 Days * 30 Days * 90 Days Display interactive prediction charts. ==================================================== SIMULATION ENGINE Allow users to test: * Sleeping Earlier * More Exercise * Less Social Media * Reduced Screen Time * Better Hydration * Increased Study Time Show: * Projected Focus Increase * Productivity Gain * Stress Reduction * Growth Score Improvement Display before/after comparison charts. ==================================================== MIRRORMIND AI Create a smart AI assistant. Features: * Personalized Conversations * Behavioral Explanations * Goal Recommendations * Daily Coaching * Analytics Summaries * Motivation Support * Lifestyle Guidance Example: User: Why am I losing focus? MirrorMind: Your average sleep decreased by 1.4 hours while screen time increased by 27%. Store chat history. ==================================================== AI RECOMMENDATION ENGINE Generate recommendations for: * Better Sleep * Improved Focus * Reduced Distractions * Stress Management * Habit Corrections * Productivity Improvements ==================================================== REPORT SYSTEM Generate: * Weekly Reports * Monthly Reports * PDF Downloads Include: * Analytics Summary * Prediction Summary * Risks * Insights * Recommendations ==================================================== DATA VISUALIZATION Create: * Line Charts * Pie Charts * Bar Charts * Weekly Heatmaps * Habit Correlation Charts * Prediction Graphs * Simulation Comparison Graphs ==================================================== DATABASE MODELS Users DailyLogs Predictions Reports ChatHistory Insights Simulations Recommendations Notifications ==================================================== REST APIs Authentication APIs User APIs Profile APIs Logger APIs Analytics APIs Prediction APIs Simulation APIs Chat APIs Report APIs Admin APIs ==================================================== UI DESIGN Theme: Premium Futuristic Dark Mode Colors: * Deep Black * Neon Blue * Purple Gradient * Glassmorphism Effects Style: * Modern SaaS Dashboard * Smooth Animations * Premium Cards * Responsive Layout * Mobile Friendly * Professional Design ==================================================== NOTIFICATIONS Push Notifications: * Daily Reminders * Goal Reminders * AI Suggestions * Habit Alerts * Weekly Report Alerts ==================================================== CODE REQUIREMENTS * TypeScript * Clean Architecture * Reusable Components * Error Handling * Validation * Security Best Practices * Production Ready * Fully Commented Code ==================================================== DELIVERABLES Generate: 1. Complete Folder Structure 2. Mobile App 3. Web Application 4. Admin Portal 5. Backend APIs 6. MongoDB Models 7. Authentication System 8. Behavioral Analysis Engine 9. Prediction Engine 10. Simulation Engine 11. MirrorMind AI 12. Report System 13. Charts 14. Documentation 15. README Setup Guide ==================================================== IMPLEMENTATION ORDER Phase 1: Folder Structure Phase 2: Backend + MongoDB Phase 3: Authentication Phase 4: Web Application Phase 5: Mobile Application Phase 6: Admin Portal Phase 7: Behavioral Analytics Engine Phase 8: Prediction Engine Phase 9: Simulation Engine Phase 10: MirrorMind AI Phase 11: Reports Phase 12: Final Integration Generate real production-ready code. Fix all errors automatically. Ensure all applications run successfully. Use modern best practices throughout the project. work on it with your full extent

LandingLoginMirrorMind Chat
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 5

windy-lifemirror: System Requirements Document

1. Introduction

The windy-lifemirror project, also known as LifeMirror, is an intelligent predictive behavioral analytics platform powered by MirrorMind AI. It is designed to help users understand daily life patterns, predict future outcomes, simulate habit changes, and receive intelligent personalized guidance. The platform will include a React Native Expo mobile app, a React web application, an admin portal, a Node.js backend API, and a MongoDB database.

2. System Overview

LifeMirror is an AI-powered ecosystem that provides users with insights into their daily behaviors and patterns. It aims to simulate potential habit changes and offer personalized guidance through the MirrorMind AI Chat Assistant. The platform will be developed to resemble a premium SaaS product, comparable to modern AI startups.

2a. Source Content Inventory

  • Mobile App Screens: Splash Screen, Onboarding, Login, Register, Dashboard, Daily Logger, Analytics, Predictions, Simulation, MirrorMind AI Chat, Weekly Reports, Profile, Settings.
  • Web Application Pages: Landing Page, Login, Register, Dashboard, Analytics, Prediction Center, Simulation Center, Reports, MirrorMind AI Chat, Profile, Settings.
  • Admin Portal Features: Total Users, Active Users, Daily Activity, Monthly Activity, System Analytics, User Management, Report Management, AI Usage Monitoring, Prediction Monitoring, Platform Statistics.
Page 2 of 5

3. Functional Requirements as Story Points

  • As a User, I should be able to register, login, and logout securely.
  • As a User, I should be able to track my daily activities such as sleep, mood, stress, focus, productivity, screen time, social media usage, water intake, exercise, work, and study hours.
  • As a User, I should be able to view my productivity, focus, mood, sleep quality, growth potential, burnout risk, and life scores on a smart dashboard.
  • As a User, I should be able to receive insights from the behavioral pattern detection engine.
  • As a User, I should be able to view predictive intelligence forecasts for productivity, burnout, habit decline, mood stability, and growth potential.
  • As a User, I should be able to simulate habit changes and view projected outcomes.
  • As a User, I should be able to interact with the MirrorMind AI for personalized conversations and guidance.
  • As an Admin, I should be able to manage users, monitor AI usage, and view platform statistics.
  • As a User, I should be able to receive push notifications for daily reminders, goal reminders, AI suggestions, habit alerts, and weekly report alerts.
  • As a User, I should be able to download weekly and monthly reports in PDF format.

4. User Personas

  • User: Individuals seeking to understand and improve their daily life patterns through AI-driven insights and simulations.
  • Admin: Platform administrators responsible for managing users, monitoring system analytics, and ensuring smooth operation of the platform.

5. Core User Flows

  • User registers/logs in -> accesses dashboard -> logs daily activities -> receives insights and predictions -> interacts with MirrorMind AI -> downloads reports.
  • Admin logs in -> accesses admin dashboard -> manages users and reports -> monitors AI usage and platform statistics.
Page 3 of 5

6. Visuals Colors and Theme

  • primary: #000000 (Deep Black)
  • primary_light: #1a1a1a (Lighter Black)
  • secondary: #00FFFF (Neon Blue)
  • accent: #8A2BE2 (Purple Gradient)
  • highlight: #00CED1 (Dark Turquoise)
  • bg: #121212 (Dark Background)
  • surface: #1E1E1E (Surface Background)
  • text: #FFFFFF (White)
  • text_muted: #B0B0B0 (Muted Gray)
  • border: #2E2E2E (Subtle Border)

7. Signature Design Concept

The LifeMirror platform will feature an interactive "Behavioral Galaxy" on the landing page. Users will navigate through a galaxy of their daily habits and patterns, represented as stars and constellations. Each star represents a different habit or activity, and clicking on a star will expand it into a detailed view with insights and recommendations. The galaxy will be animated using @react-three/fiber and gsap, allowing users to rotate and zoom into different sections of their behavioral universe. The landing hero motion will depict a transformation of scattered habits into a cohesive constellation, symbolizing the user's journey towards improved lifestyle and productivity.

Page 4 of 5

Landing Hero Motion Brief

The landing hero will feature a continuously moving 2D composition built with motion/react. The animation will show various daily activities (represented as icons) orbiting around a central "LifeMirror" logo. As the icons align, the logo will transform, revealing a clear path to improved habits and outcomes. The loop will last 10 seconds, with interactive elements allowing users to hover over icons for quick insights. The animation will be responsive, ensuring a seamless experience across devices.

8. Interaction Model & Motion Direction

  • Intended Interaction Model: Parallax
  • Landing/Home Page: The page will feature layered depth via scroll, with decorative layers translating at different speeds to create an immersive experience. Real content will remain in normal flow, ensuring clarity and ease of navigation.

9. Non-Functional Requirements

  • The platform must be highly responsive and accessible across all devices.
  • Ensure data security and privacy compliance with industry standards.
  • Implement efficient error handling and validation mechanisms.
  • Maintain a clean architecture with reusable components and fully commented code.
Page 5 of 5

10. Tech Stack

  • Frontend Web: React.js, TypeScript, Tailwind CSS, React Router, React Query, Framer Motion, Chart.js
  • Mobile: React Native, Expo, TypeScript, Expo Router, NativeWind, React Navigation
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Authentication: JWT, bcrypt
  • AI: OpenAI API Integration, Context-Aware Chat Assistant
  • Reports: PDF Generation

11. Assumptions and Constraints

  • The platform will be developed using the specified tech stack and must adhere to the outlined implementation phases.
  • The system should be scalable to accommodate future growth and additional features.
  • All applications must be production-ready and follow modern best practices.

12. Glossary

  • JWT: JSON Web Token, a compact, URL-safe means of representing claims to be transferred between two parties.
  • AI: Artificial Intelligence, the simulation of human intelligence processes by machines.
  • SaaS: Software as a Service, a software distribution model in which applications are hosted by a service provider and made available to customers over the internet.
  • Parallax: A visual effect where objects closer to the viewer move faster than objects further away, creating a sense of depth.
Landing design preview
Login: Sign In
Admin Dashboard: View Total Users
Admin Dashboard: View Active Users
Admin Dashboard: Manage Users
Users: Edit User
Admin Dashboard: Manage Reports
Reports: Review Report
Admin Dashboard: Monitor AI Usage
Admin Dashboard: Monitor Predictions
Admin Dashboard: View Platform Statistics
Landing design preview
Login: Sign In
Admin Dashboard: View Total Users
Admin Dashboard: View Active Users
Admin Dashboard: Manage Users
Users: Edit User
Admin Dashboard: Manage Reports
Reports: Review Report
Admin Dashboard: Monitor AI Usage
Admin Dashboard: Monitor Predictions
Admin Dashboard: View Platform Statistics