Add BrainLoop suite of educational and productivity apps

[thomaslovaslokoy-ui]

This PR introduces the complete BrainLoop application suite - a collection of 10 interconnected web applications designed to enhance learning, productivity, and personal development.

Overview

The BrainLoop suite consists of:

• Flashcards - Spaced repetition learning system with progress tracking
• Trivia - Multi-category quiz game with multiplayer support and scoring
• Word Game - Word puzzle game with anagram solving mechanics
• Tarot - Interactive tarot card reading with spread layouts
• Oracle - AI-powered question answering with mystical themes
• AI Advisor - Multi-persona AI coaching (Life Coach, Career Mentor, etc.)
• Focus - Pomodoro timer with task management and habit tracking
• Habit Tracker - Daily habit tracking with streak counters
• Journal - Daily journaling with mood tracking and writing prompts
• Finance - Personal expense tracking and budget management
• Home - Landing page with app directory and navigation

Key Changes

• Individual Next.js Applications: Each app is a standalone Next.js project with its own configuration, styling, and dependencies
• Consistent Architecture: All apps follow the same structure with:
  • Client-side React components using hooks (useState, useEffect, useCallback)
  • Framer Motion for animations and transitions
  • Tailwind CSS for styling with custom color schemes
  • Local storage for data persistence
  • Toast notifications via Sonner library
• Shared Features Across Apps:
  • Privacy Policy and Terms of Service pages
  • Contact information (email/phone) in footers
  • Responsive design with dark theme
  • Icon-based UI using Lucide React
• API Routes: Advisor and Oracle apps include backend API routes for response generation
• Global Styling: Custom CSS variables and Tailwind configurations per app for consistent theming
• Build Configuration: Next.js config with CORS headers and security settings

Notable Implementation Details

• Data Persistence: Apps use browser localStorage for user data (tasks, habits, journal entries, transactions)
• Game Logic: Trivia and Word Game include comprehensive question banks and scoring systems
• Animations: Smooth transitions and micro-interactions using Framer Motion throughout
• Responsive Layout: Mobile-first design with proper spacing and typography
• Type Safety: TypeScript interfaces for all major data structures
• Error Handling: Toast notifications for user feedback on actions

https://claude.ai/code/session_013kTQcFDxJfcxj6W9QZubNw

[thomaslovaslokoy-ui]

f

[thomaslovaslokoy-ui]