Documentor

Videos documentation app for violent events.
Technologies: React, TypeScript, Tanstack-Query, Material-UI, SCSS

• Demo site
• Project tasks management

Current website UI

Videos - page

Events - page

Logic Flowcharts

UI Wireframes

Videos - page

Add / Edit event form

Event timeline

Tasks

• [ ] - Connect project to Atlas DB
• [ ] - Analytics page - graphs to show violence analytics
• [ ] - React Flow
• [ ] - All videos - pagination or infinite scroll with lazy loading
• [ ] - Timeline page
• [ ] - Cloudinary & Node.JS
• [ ] - Implement reactflow

Visual Research

• Dashboards - 1
• Dashboard - 2