This is the frontend for File Talk AI, a web application that allows users to upload PDF files and interact with them using AI-powered features like Q&A, summarization, and question generation.
- 📁 Upload PDF files to Cloudinary
- ❓ Ask questions based on the content of the uploaded PDF
- 📝 Get document summaries
- 🧠 Generate 20 most relevant questions from the PDF
- 🌐 Integrated with a Django backend for AI processing
- Frontend: Vite + React
- Backend: Django (Python)
- Cloud Storage: Cloudinary
git clone https://github.com/AkshayPanchivala/File-Talk-AI-Frontend
cd File-Talk-AI-frontendnpm installCreate a .env file in the root directory and add the following variables:
VITE_API_BASE_URL=http://your-backend-url.com/api/v1/chat-bot/
VITE_FILE_UPLOAD_URL=https://api.cloudinary.com/v1_1/<your-cloud-name>/uploadReplace:
http://your-backend-url.comwith your Django backend URL<your-cloud-name>with your Cloudinary cloud name
To use Cloudinary for file uploads:
- Sign up at Cloudinary
- Create an upload preset (unsigned)
- Get your cloud name and upload preset from the dashboard
- Update the frontend code to use those details in your file upload logic
Start the development server:
npm run devOpen http://localhost:5173 in your browser.
-
Upload PDF User uploads a PDF file. The file is stored in Cloudinary.
-
Choose an Action
- Q&A Mode: Ask any question based on the content of the uploaded document.
- Summarization: Generate a summary of the entire document.
- Generate Questions: Automatically generate 20 relevant questions based on the document.
- Main Menu: Lets the user reset the app. Once clicked, the user is automatically redirected to the first step (uploading a new file).
-
Get Results The results are fetched from the Django backend and displayed in the UI.
Make sure the backend is also running. You can find it here: 👉 File Talk AI – Backend (Django)
This project is licensed under the MIT License.