📄➡️ PDF2Flow — AI-Powered PDF to Flowchart Converter

Upload any PDF — Get a beautiful, interactive Flowchart & Mindmap instantly using AI!

🚀 Live Demo

🚧 Deployment in progress — Coming Soon!

📌 About

PDF2Flow is a full-stack AI-powered web application that converts PDF documents into interactive flowcharts and mindmaps. It uses Anthropic Claude AI to intelligently extract and structure content from PDFs, making complex documents easy to understand visually.

---

✨ Features

• 📤 Upload any PDF document
• 🤖 AI-powered content extraction (Claude by Anthropic)
• 🔄 Auto-generates interactive Flowcharts
• 🧠 Mindmap generation
• ⚡ Fast processing with FastAPI backend
• 🌙 Clean dark-themed UI

---

🛠️ Tech Stack

Frontend

Tech	Use
React.js + Vite	UI Framework
React Router DOM	Navigation
Tailwind CSS	Styling
React Flow	Interactive Flowcharts

Backend

Tech	Use
FastAPI (Python)	REST API
PyPDF2	PDF Text Extraction
Anthropic Claude API	AI Processing
Uvicorn	ASGI Server

📁 Project Structure

PDF2Flow/
├── backend/
│   ├── app/
│   │   ├── main.py        # FastAPI app
│   │   ├── routes.py      # API endpoints
│   │   └── pdf_utils.py   # PDF processing
│   └── requirements.txt
├── frontend/
│   ├── src/
│   │   ├── pages/         # Home, Upload, Flowchart
│   │   ├── components/    # Reusable components
│   │   └── App.jsx        # Main app
│   └── package.json
└── README.md

⚙️ How to Run Locally

Backend

cd backend
pip install -r requirements.txt
uvicorn app.main:app --reload

Frontend

cd frontend
npm install
npm run dev

Environment Variables

ANTHROPIC_API_KEY=your_api_key_here

---

🔄 How It Works

User uploads PDF
      ↓
PyPDF2 extracts text
      ↓
Claude AI structures content
      ↓
React Flow renders flowchart
      ↓
User gets interactive diagram! ✅

---

👩‍💻 Made by Sakshi Kadu

• 🔗 GitHub
• 💼 LinkedIn