# 💡 PROJECT NAME: PlanMate AI — Personal & Business Smart Planner (with AI integration) # 🧩 PURPOSE: A web + mobile responsive platform where users can create and manage their life or business plans, track progress, get AI suggestions, and receive smart notifications for incomplete tasks. # ⚙️ TECH STACK: Frontend: HTML, CSS (Tailwind), JavaScript (Vue.js) Backend: PHP (MySQLi) Database: MySQL (Replit DB with connector) AI Integration: Gemini API (Google AI Studio) or OpenAI GPT-4o (configurable) Hosting: Replit Domain: Custom domain support (connect your domain via Replit DNS) # 📱 RESPONSIVENESS: The platform must look and feel like a mobile app (PWA style): - Sticky bottom nav on mobile - Sliding side menu - Smooth animations - Dark + Light mode toggle # 🧑‍💻 USER FEATURES: 1. User Registration & Login (email + password) 2. Dashboard with all created plans 3. Create New Plan (Name, Description) 4. Inside each plan: - Add/Edit/Delete Steps (subtasks) - Mark Completed / In Progress / Pending - View Progress Bar (% complete) - Add Notes or Comments - Get AI Suggestions for next steps 5. Smart Notifications: - Daily reminder for unfinished plans - AI suggestions message (friendly tone) 6. Profile Page (name, email, AI usage stats) 7. Responsive & app-like design # 🧠 AI FEATURES: - When a user adds or edits a plan text, send it to AI (Gemini or GPT-4o) to: - Rewrite for clarity - Suggest new subtasks - Auto summarize completed progress - Store AI responses in the database # 🧩 ADMIN PANEL: - View all users and their plans - Check progress % for each user - See AI usage count per user - Manage system notices - Add subscription packages (Free, Pro, Business) - Admin login required (admin@email + password in .env) # 💾 DATABASE STRUCTURE (MySQL): Table: users - id INT AUTO_INCREMENT PRIMARY KEY - name VARCHAR(100) - email VARCHAR(150) - password VARCHAR(255) - plan_limit INT DEFAULT 3 - status TINYINT DEFAULT 1 - created_at DATETIME Table: plans - id INT AUTO_INCREMENT PRIMARY KEY - user_id INT - plan_name VARCHAR(200) - plan_description TEXT - progress_percent FLOAT DEFAULT 0 - created_at DATETIME - updated_at DATETIME Table: plan_steps - id INT AUTO_INCREMENT PRIMARY KEY - plan_id INT - step_text TEXT - is_completed TINYINT DEFAULT 0 - created_at DATETIME - updated_at DATETIME Table: notifications - id INT AUTO_INCREMENT PRIMARY KEY - user_id INT - plan_id INT - message TEXT - seen TINYINT DEFAULT 0 - created_at DATETIME Table: ai_logs - id INT AUTO_INCREMENT PRIMARY KEY - user_id INT - plan_id INT - prompt TEXT - ai_response TEXT - created_at DATETIME # 🪄 FRONTEND LAYOUT: Header: - Logo “PlanMate AI” - Profile icon (top right) - Dark/Light toggle Body (Dashboard): - “Create New Plan” button (+ icon) - Card view for each plan: - Title, % completed bar, edit/view/delete icons - Search bar at top for quick plan search Plan Page: - Step list with checkboxes - Add Step button - AI suggestion box (auto popup) - Progress chart - Notification badge Footer: - Mobile navigation bar (Dashboard | Plans | Notifications | Profile) # 🌐 DEPLOYMENT INSTRUCTION: 1. Create new Replit project → PHP + MySQL template 2. Paste generated files 3. In Shell, run: ```bash mysql -u root -p CREATE DATABASE planmate_ai;