web Project2025 March - Present
Epocia - Knowledge Visualizer
Project Details
Tech Stack
Next.jsReactTypeScriptTailwind CSSReact RndShad/cnReactFlowMotionJSCloudflareSupabaseZodVercelMDX
My Role
Owner / Full-Stack Developer / Designer
Links
Access
Publicly Accessible
Overview
Epocia is an innovative web application that leverages AI to research complex topics and visualize them as interactive knowledge graphs on an infinite canvas. Users can explore connections between concepts, dive into detailed information for each node, and understand the evolution of ideas or historical events intuitively.
Key Goals:
- Simplify research on complex topics using AI.
- Provide intuitive visual exploration through node graphs.
- Generating and Exporting the canvas as a Document Files as PDF, DOCX and Markdown.
- Generating and Exporting Questions & Answers based on graph content.
- Offer rich, context-aware details for deeper understanding.
- Enable easy sharing and exporting of generated knowledge graphs.
Gallery
General Website View
General Website View
Canvas Showcase
Canvas - Detaild Information Showcase
Canvas Export Showcase
Q&A Generation Showcase
Key Features
- AI-powered topic research and knowledge graph generation
- Interactive graph visualization using React Flow
- Infinite canvas exploration experience
- Detailed information panels for graph nodes (Context, Figures, Sources, etc.)
- Streaming API responses for progressive graph loading
- Client-side caching for event details
- Canvas graph sharing via unique Supabase-backed links
- Export canvas/details to Markdown, PDF, and DOCX formats
- AI-generated Questions & Answers based on graph content
- Responsive design adapting to different screen sizes
- Light/Dark mode theme switching
- Persistent user settings via Local Storage
- Integrated blog using MDX
- Keyboard shortcuts for common actions (Export, Share, Settings)