PathPDF

A comprehensive learning roadmap generator that transforms PDF content into structured learning paths using AI.

Features

• PDF Content Analysis: Extract and analyze PDF content to create learning roadmaps
• AI-Powered Generation: Uses Gemini AI to create comprehensive, multi-level learning paths
• Interactive Visualizations: Beautiful flow diagrams with React Flow
• Progress Tracking: Track completion status and bookmark important nodes
• Resource Integration: Include relevant articles, videos, and educational resources
• Image Integration: AI suggests relevant diagrams, schemas, and visual aids
• Export Options: Export roadmaps as PDF or PNG images
• User Management: Save and manage multiple roadmaps with Supabase

Image Search Feature

The AI can now include relevant images, diagrams, and schemas in roadmaps. When the AI generates a roadmap, it can suggest image resources that will be automatically fetched and displayed in the node details.

Setup for Image Search

To enable image search functionality, you need to set up Google Custom Search API:

1. Create a Google Custom Search Engine:

   • Go to Google Programmable Search Engine
   • Create a new search engine
   • Enable "Image Search" in the settings
   • Note your Search Engine ID (cx)

2. Get Google API Key:

   • Go to Google Cloud Console
   • Enable the Custom Search API
   • Create credentials (API Key)

3. Add Environment Variables:

   GOOGLE_CSE_API_KEY=your_google_api_key_here
   GOOGLE_CSE_ID=your_search_engine_id_here

How It Works

1. AI Suggestion: The AI analyzes content and suggests relevant images using the format:

   {
     "type": "image",
     "title": "Machine Learning Workflow Diagram",
     "url": "search: machine learning workflow diagram process flow",
     "alt": "Flowchart showing ML process steps",
     "caption": "Complete ML workflow from data preprocessing to model evaluation"
   }

2. Image Fetching: The system automatically searches for actual images using the keywords

3. Display: Images are displayed in the node details with proper alt text and captions

4. Fallback: If image search fails, the system gracefully continues without images

Installation

1. Clone the repository

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

2. Install dependencies

npm install

3. Set up environment variables Create a .env file in the root directory and add your Supabase credentials:

VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key

4. Start the development server

npm run dev

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

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