mirror of
https://github.com/SamyRai/tercul-frontend.git
synced 2025-12-27 04:51:34 +00:00
1c7773583d
Adds DASHBOARD-NEXT-STEPS.md and TODO.md files to define dashboard implementation tasks, API endpoints, and UI/UX improvements. Replit-Commit-Author: Agent Replit-Commit-Session-Id: cbacfb18-842a-4116-a907-18c0105ad8ec Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/39b5c689-6e8a-4d5a-9792-69cc81a56534/7c072142-a097-4bbe-b044-d7c30fc110f1.jpg
98 lines
3.7 KiB
Markdown
98 lines
3.7 KiB
Markdown
# Dashboard Implementation: Next Steps
|
|
|
|
This document outlines the immediate next steps for implementing the dashboard and editorial features, with specific code-level tasks.
|
|
|
|
## Immediate Tasks (High Priority)
|
|
|
|
### 1. Complete Blog Management
|
|
- [ ] Implement `/dashboard/blog/edit/:id` route and page
|
|
- [ ] Create BlogEdit.tsx component with form for editing existing posts
|
|
- [ ] Add API endpoint for updating blog posts
|
|
- [ ] Add tag management interface for existing posts
|
|
- [ ] Implement status management (draft/published/scheduled)
|
|
- [ ] Add pagination and additional filters to blog listing
|
|
- [ ] Create stats visualization for blog performance
|
|
|
|
### 2. Works Management
|
|
- [ ] Create WorksManagement.tsx component for `/dashboard/works` route
|
|
- [ ] Table view with sorting and filtering
|
|
- [ ] Status indicators (published/draft)
|
|
- [ ] Quick actions (view, edit, delete)
|
|
- [ ] Implement WorkEditor.tsx component for creating/editing works
|
|
- [ ] Multi-step form for work details
|
|
- [ ] Text content editor with line numbering
|
|
- [ ] Author selection interface
|
|
- [ ] Tag management
|
|
- [ ] Work status management
|
|
- [ ] Add API endpoints for work CRUD operations from dashboard
|
|
|
|
### 3. Author Management
|
|
- [ ] Create AuthorManagement.tsx component for `/dashboard/authors` route
|
|
- [ ] Table view with search and filters
|
|
- [ ] Quick actions menu
|
|
- [ ] Stats overview (works count, reader engagement)
|
|
- [ ] Implement AuthorEditor.tsx for creating/editing authors
|
|
- [ ] Author details form
|
|
- [ ] Timeline event management interface
|
|
- [ ] Related works selection
|
|
- [ ] Author image upload
|
|
- [ ] Add API endpoints for author CRUD operations
|
|
|
|
### 4. Comments & Moderation
|
|
- [ ] Create CommentsManagement.tsx for `/dashboard/comments` route
|
|
- [ ] List view with content preview
|
|
- [ ] Filter by entity type (work, blog post, etc.)
|
|
- [ ] Moderation actions (approve, reject, delete)
|
|
- [ ] Bulk actions
|
|
- [ ] Implement comment reply interface
|
|
- [ ] Add user blocking functionality
|
|
- [ ] Create API endpoints for comment moderation
|
|
|
|
### 5. Annotations Management
|
|
- [ ] Create AnnotationsManagement.tsx for `/dashboard/annotations` route
|
|
- [ ] Moderation queue for new annotations
|
|
- [ ] Filter by work, type, and user
|
|
- [ ] Context view showing surrounding text
|
|
- [ ] Editing interface with formatting options
|
|
- [ ] Add official/editorial annotation creation tool
|
|
- [ ] Implement API endpoints for annotation approval/rejection
|
|
|
|
## Technical Improvements
|
|
|
|
### 1. Dashboard Layout Enhancements
|
|
- [ ] Add breadcrumb navigation
|
|
- [ ] Implement collapsible sidebar for better mobile experience
|
|
- [ ] Create dashboard-specific header with actions menu
|
|
- [ ] Add keyboard shortcuts for common actions
|
|
|
|
### 2. Form Components
|
|
- [ ] Create reusable rich text editor component
|
|
- [ ] Build custom form layouts for complex forms
|
|
- [ ] Add form validation visualizations
|
|
- [ ] Implement auto-save functionality for long forms
|
|
|
|
### 3. Authentication & Permissions
|
|
- [ ] Enhance useAuth hook with more granular permissions
|
|
- [ ] Add protection for all dashboard routes
|
|
- [ ] Implement visibility controls based on user role
|
|
- [ ] Add audit logging for sensitive operations
|
|
|
|
## Implementation Plan
|
|
|
|
### Week 1: Blog Management
|
|
- Day 1-2: Complete blog editor and update functionality
|
|
- Day 3: Implement blog post status management
|
|
- Day 4-5: Add performance metrics and stats
|
|
|
|
### Week 2: Works Management
|
|
- Day 1-2: Create works listing interface
|
|
- Day 3-5: Implement work editor with all required functionality
|
|
|
|
### Week 3: Author & Comments Management
|
|
- Day 1-2: Build author management interface
|
|
- Day 3-5: Implement comments moderation tools
|
|
|
|
### Week 4: Annotations & Technical Improvements
|
|
- Day 1-2: Create annotations management interface
|
|
- Day 3-5: Focus on UI/UX improvements and technical debt
|