ContentForge Frontend is the web interface for the ContentForge platform — an AI-powered tool that transforms long-form text, audio, or video into repurposed content like tweets, blogs, and sound bites. The frontend provides a smooth user experience for uploading content, tracking processing progress, and viewing results.
- 🌐 Upload text, audio, or video files
- 🔗 Submit public URLs (e.g., YouTube) for processing
- 🔄 Track processing status (job-based workflow)
- 🧠 View AI-generated summaries, tweets, blogs, and sound bites
- 🎧 Clickable, timestamped transcript segments
- 🪄 Clean, responsive UI using React
- React (with Vite or CRA)
- Tailwind CSS for styling
- TypeScript or JavaScript
- Axios for backend API calls
- React Router (for navigation)
- Recharts or custom visual components (optional)
- Deployed via Netlify / Vercel / your platform of choice
The frontend communicates with the ContentForge backend via RESTful endpoints.
| Method | Endpoint | Description |
|---|---|---|
| POST | /process-file |
Uploads and starts processing a file |
| POST | /process-url |
Starts processing from a URL |
| GET | /status/{jobId} |
Checks job processing status |
| GET | /results/{jobId} |
Retrieves generated content |
Ensure your backend supports these endpoints and responds with consistent status and result objects. The frontend polls /status/{jobId} until a job transitions to COMPLETED or FAILED, and then fetches content from /results/{jobId}.
- Real-time WebSocket updates
- Drag-and-drop file upload
- Saved history and user login (Cognito or Supabase)
- Export results to Notion/Google Docs
- Dark mode toggle
- AI tone and style customization
- Media playback with synced transcript highlighting