🚀 LifeStock - Track Your Potential

A comprehensive life and progress tracking application that helps you monitor, analyze, and optimize your personal growth journey.

✨ Features

🎯 Core Tracking

Task Management - Organize and track daily tasks with priority levels
Goal Setting - Set and monitor progress towards personal and professional goals
Habit Tracking - Build positive habits with streak counters and analytics
Time Management - Smart calendar with time budgeting and scheduling

📊 Analytics & Insights

Progress Analytics - Visualize your growth with interactive charts
Performance Metrics - Track key performance indicators over time
Weekly Reviews - Reflect on achievements and plan improvements
Pattern Detection - AI-powered insights into your behavior patterns

🧠 Strategic Planning

Strategic Brain - AI-assisted decision making and life planning
Portfolio Management - Track investments and financial goals
Life Trajectory Simulator - Model different life paths and outcomes
What-If Experiments - Test scenarios and their potential outcomes

📈 Advanced Features

Stock Portfolio - Monitor investments and market performance
Trading Desk - Simulate trading strategies and track performance
Forecasting Tools - Predictive analytics for future planning
Simulation Mode - Test different strategies in safe environments

🎨 User Experience

Responsive Design - Works seamlessly on all devices
Dark/Light Mode - Customizable themes for your preference
Smooth Animations - Beautiful transitions powered by Framer Motion
Intuitive Navigation - Collapsible sidebar with smart tooltips

🚀 Getting Started

Prerequisites

Node.js 18.0 or higher
npm or yarn package manager

Installation

Clone the repository

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

Install dependencies
```
npm install
# or
yarn install
```
Start the development server
```
npm run dev
# or
yarn dev
```
Open your browser Navigate to http://localhost:5173

Building for Production

npm run build
# or
yarn build

🏗️ Project Structure

lifestock/
├── src/
│   ├── components/          # React components
│   │   ├── auth/           # Authentication components
│   │   ├── calendar/       # Calendar and scheduling
│   │   ├── forecasting/    # Prediction and analytics
│   │   ├── journal/        # Journal and reflection
│   │   ├── layout/         # Layout components
│   │   ├── modals/         # Modal dialogs
│   │   ├── reviews/        # Review and reflection
│   │   ├── simulation/     # Simulation tools
│   │   ├── strategicBrain/ # AI and strategy
│   │   └── ui/             # Reusable UI components
│   ├── contexts/           # React contexts
│   ├── hooks/              # Custom React hooks
│   ├── pages/              # Page components
│   ├── types/              # TypeScript type definitions
│   └── utils/              # Utility functions
├── public/                 # Static assets
├── supabase/               # Database migrations
└── tailwind.config.js      # Tailwind CSS configuration

🎯 Key Components

Smart Calendar View

Day and week views with time budgeting
Load indicators and rescheduling suggestions
Integration with task management

Strategic Brain Panel

AI-powered insights and recommendations
Pattern detection algorithms
Life trajectory simulation

Portfolio Management

Stock tracking and analysis
Option trading simulation
Performance heatmaps and charts

Achievement System

Badge unlocking system
Streak counters and milestones
Progress celebration features

🛠️ Technology Stack

Frontend Framework: React 18 with TypeScript
Build Tool: Vite for fast development and building
Styling: Tailwind CSS for utility-first styling
Animations: Framer Motion for smooth interactions
Icons: Lucide React for beautiful iconography
Database: SQLite with Supabase integration
State Management: React Context API and custom hooks

🎨 Customization

Themes

The application supports both light and dark modes with automatic system preference detection.

Styling

All components use Tailwind CSS classes for easy customization and theming.

Components

Reusable UI components are available in the src/components/ui/ directory for consistent design.

📱 Responsive Design

LifeStock is fully responsive and works seamlessly across:

Desktop computers
Tablets
Mobile devices
Different screen orientations

🔧 Development

Code Quality

ESLint configuration for code linting
TypeScript for type safety
Prettier for code formatting

File Organization

Feature-based component organization
Consistent naming conventions
Modular architecture for scalability

🚀 Deployment

Vercel (Recommended)

npm install -g vercel
vercel

Netlify

npm install -g netlify-cli
netlify deploy

Traditional Hosting

npm run build
# Upload the dist/ folder to your web server

🤝 Contributing

We welcome contributions! Please feel free to submit issues, feature requests, or pull requests.

Fork the repository
Create a feature branch (git checkout -b feature/amazing-feature)
Commit your changes (git commit -m 'Add amazing feature')
Push to the branch (git push origin feature/amazing-feature)
Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

React Team for the amazing framework
Tailwind CSS for the utility-first CSS framework
Framer Motion for smooth animations
Lucide for beautiful icons
Vite for the fast build tool

📞 Support

If you have any questions or need help:

Create an issue in this repository
Check the documentation
Reach out to the development team

Made with ❤️ by the LifeStock Team

Name		Name	Last commit message	Last commit date
Latest commit History 136 Commits
public		public
server		server
src		src
supabase/migrations		supabase/migrations
.gitignore		.gitignore
README.md		README.md
backend_err.txt		backend_err.txt
check-maintenance.cjs		check-maintenance.cjs
check-maintenance.js		check-maintenance.js
check_stuff.cjs		check_stuff.cjs
database.sqlite		database.sqlite
eslint.config.js		eslint.config.js
fix_imports.cjs		fix_imports.cjs
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
patch_hooks.cjs		patch_hooks.cjs
patch_output.txt		patch_output.txt
postcss.config.js		postcss.config.js
progress_tracker.db		progress_tracker.db
tailwind.config.js		tailwind.config.js
tsconfig.app.json		tsconfig.app.json
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts

Folders and files

Latest commit

History

Repository files navigation