DreamPlan

# DreamPlan - Transform Dreams into Action ## 🎯 Overview **DreamPlan** is a modern web application that transforms personal dreams and goals into detailed, actionable plans using artificial intelligence. Built with React, TypeScript, and Google's Gemini AI, it provides users with comprehensive step-by-step guidance to achieve their aspirations. ## ✨ Key Features ### 🤖 AI-Powered Planning - **Intelligent Plan Generation**: Uses Google Gemini AI to create detailed action plans - **Structured Categories**: Organizes plans into Budget, Documents, Actions, and Timeline - **Smart Prioritization**: Assigns priority levels and time estimates to each step - **Interactive Chat**: Modify and improve plans through AI conversation ### 📋 Comprehensive Planning - **Budget Planning**: Financial estimates, funding strategies, cost breakdowns - **Document Requirements**: Visa applications, certificates, permits, paperwork - **Action Items**: Concrete tasks and activities with specific instructions - **Timeline Management**: Scheduling, milestones, and deadline tracking ### 🎨 Modern User Experience - **Responsive Design**: Optimized for desktop, tablet, and mobile devices - **Elegant UI**: Beautiful gradients, animations, and cloud background effects - **Real-time Feedback**: Toast notifications and loading states - **PDF Export**: Download your complete plan as a professional PDF document ## 🚀 Getting Started ### Prerequisites - Node.js (v16 or higher) - npm or yarn package manager - Google Gemini API key (free from [Google AI Studio](https://makersuite.google.com/ap...)) ### Installation 1. Clone the repository: ```bash git clone https://github.com/yourusername/... cd DreamPlanAI ``` 2. Install dependencies: ```bash npm install ``` 3. Start the development server: ```bash npm run dev ``` 4. Open your browser and navigate to `http://localhost:5173` ### Usage 1. **Enter Your Dream**: Describe your goal or aspiration in detail 2. **Add API Key**: Insert your Google Gemini API key 3. **Generate Plan**: Let AI create your personalized action plan 4. **Review & Modify**: Use the chat feature to refine your plan 5. **Export**: Download your plan as a PDF for offline reference ## 🛠️ Technology Stack - **Frontend**: React 18, TypeScript, Vite - **Styling**: Tailwind CSS, shadcn/ui components - **AI Integration**: Google Gemini API - **Routing**: React Router DOM - **State Management**: React Query, React Hooks - **PDF Generation**: jsPDF - **Build Tool**: Vite ## 📱 Features Breakdown ### Authentication System - Secure login/logout functionality - Session management - User state persistence ### Dream Input Interface - Intuitive form design - Real-time validation - Typing animations - API key management ### Plan Dashboard - Category-based organization - Priority filtering - Progress tracking - Export capabilities ### AI Chat System - Natural language interaction - Plan modification suggestions - Real-time updates - Context-aware responses ## 🎯 Use Cases DreamPlan is perfect for: - **Travel Planning**: Moving abroad, long-term trips - **Career Changes**: Job transitions, relocations - **Educational Goals**: Study abroad programs, certifications - **Business Ventures**: Startup planning, business expansion - **Event Organization**: Weddings, conferences, major events - **Personal Goals**: Any dream requiring structured planning