Un resumidor inteligente de PDFs utilizando IA (Google Gemini) con una interfaz moderna desarrollada en React.
- 📄 Procesamiento de PDFs: Extrae y procesa texto de documentos PDF
- 🤖 IA Integrada: Utiliza Google Gemini para generar resúmenes inteligentes
- 🎨 Interfaz Moderna: Diseño minimalista estilo AI con drag & drop
- 📱 Responsive: Funciona perfectamente en desktop y móvil
- ⚡ Tiempo Real: Procesamiento rápido con indicadores de carga
Resumen inteligente de PDFs o artículos/
├── backend/ # Servidor Flask (Python)
│ ├── app.py # Aplicación principal
│ ├── requirements.txt # Dependencias Python
│ ├── .env.example # Variables de entorno
│ └── README.md # Documentación del backend
│
├── frontend/ # Cliente React
│ ├── src/
│ │ ├── App.jsx # Componente principal
│ │ ├── App.css # Estilos
│ │ └── main.jsx # Punto de entrada
│ ├── package.json # Dependencias Node.js
│ ├── vite.config.js # Configuración Vite
│ └── README.md # Documentación del frontend
└── README.md # Este archivo
-
Navegar al directorio backend:
cd backend -
Instalar dependencias:
pip install -r requirements.txt
-
Configurar variables de entorno:
- Crear archivo
.enven la carpeta backend - Agregar tu API key de Google Gemini:
GEMINI_API_KEY=tu_api_key_aqui FLASK_ENV=development FLASK_DEBUG=True
- Crear archivo
-
Ejecutar el servidor:
python app.py
El servidor estará disponible en
http://localhost:{puerto}
-
Navegar al directorio frontend:
cd frontend -
Instalar dependencias:
npm install
-
Ejecutar en modo desarrollo:
npm run dev
La aplicación estará disponible en
http://localhost:{puerto}
- Flask: Framework web de Python
- Google Gemini AI: Generación de resúmenes inteligentes
- Flask-CORS: Manejo de CORS para comunicación frontend-backend
- python-dotenv: Manejo de variables de entorno
- React 18: Biblioteca de interfaz de usuario
- Vite: Herramienta de build rápida
- Bootstrap 5: Framework CSS
- CSS Custom: Diseño moderno con gradientes y animaciones
- Abrir la aplicación en tu navegador
- Seleccionar o arrastrar un archivo PDF
- Hacer clic en "Generar resumen inteligente"
- Esperar a que la IA procese el documento
- Leer el resumen generado
Para usar Google Gemini AI:
- Visita Google AI Studio
- Crea una API key
- Crear archivo
.enven la carpeta backend y agregar:GEMINI_API_KEY=tu_api_key_real_aqui FLASK_ENV=development FLASK_DEBUG=True
Marcos Soares
- GitHub: @MrTorfick
- LinkedIn: marcossoares1
