Commercial-Grade Software Operations, Telemetry & Project Management Dashboard
Codex Manager is a modern, high-performance software project management platform inspired by industry-standard tools like Linear, Jira, GitHub Projects, ClickUp, and Vercel. Built as a decentralized, local-first React web application, it runs completely client-side with zero backend dependencies, instant LocalStorage persistence, backup.json export/import, dark/light modes, customizable accent themes, and interactive telemetry charts.
- KPI Metrics: Real-time tracking of Active Projects, Total Bugs, Open Bugs, Closed Bugs, Critical Hotfixes, Pending Features, Released Features, Current Version, Next Release, and Milestone Completion Rate.
- Interactive Telemetry Charts: Powered by Recharts — Bug Distribution (Pie Chart), Feature Development Pipeline (Bar Chart), Weekly Task Velocity (Area Chart), and Active Sprint Telemetry Banners.
- Live Event Feeds: Real-time system activity feeds and quick-access assigned developer task lists.
- All 7 Workflow Columns:
Open,In Progress,Testing,Blocked,Ready for Release,Resolved, andClosed. - HTML5 Drag-and-Drop: Smooth card dragging across columns with visual drop target animations. Dragging instantly updates bug status, LocalStorage, activity telemetry, and dashboard statistics.
- Defect Drawer: Expected vs. Actual Behaviour, Steps to Reproduce, Sub-task Checklists, Attachments (Images, PDFs, Text files, Links), and Universal Comments Audit Threads.
- Complete Development Lifecycle:
Idea,Planned,Research,Design,Development,Code Review,Testing,Ready,Released, andRejected. - Drag-and-Drop Stage Sync: Drag cards between pipeline stages with progress percentage bars, target versions, subtask deliverables, and implementation notes.
- Kanban & List Views: Task tracking across
To Do,In Progress,Review, andCompleted. - Sprint / Iteration Planner: Time-boxed iteration planner (
Sprint 24,Sprint 25) with start/end dates and sprint goals. - Time Tracking: Actual vs. estimated hours logged per task.
- Version Planner: Track semantic versions (
v2.4.0,v2.5.0), release names, target dates, release notes, and breaking changes. - Automated System Changelog: Auto-generated chronological timeline combining official releases, completed features, and resolved bugs into a single telemetry stream.
- GFM Parser Engine: Full Markdown rendering for Headings, Tables, Code Blocks with syntax highlighting, Task Checkboxes (
- [x]), Blockquotes, and Paragraphs. - Markdown Toolbar: Interactive editor toolbar for inserting formatting syntax with split-view live rendering.
- 5 Category Pillars:
Upcoming Features,Future Ideas,Long-term Goals,Completed Milestones, andCancelled Features. - Horizontal Gantt Chart: Interactive horizontal timeline chart visualizing target quarters and completion progress.
- Command Palette (
⌘K/Ctrl+K): Instant search across Projects, Bugs, Features, Tasks, Versions, and Docs. - Quick Add (
+ Quick Add): Floating quick creation modal for logging bugs, features, tasks, projects, or docs. - Keyboard Shortcuts Legend (
?): Full hotkey mapping with navigation shortcuts (g dfor Dashboard,g bfor Bugs,g ffor Features,cfor Quick Add).
- Zero Backend: All data resides securely inside the browser's LocalStorage.
backup.jsonBackup Engine: Export complete state snapshots tobackup.jsonand import backups with strict schema validation.- CSV Data Exporter: Export tabular records to
.csvformat. - Custom Accent Themes: Switch between Dark & Light mode and select dynamic accent palettes (Indigo, Emerald, Violet, Cyan, Rose, Amber).
| Shortcut | Description |
|---|---|
| ⌘ K / Ctrl + K | Open Global Command Palette Search |
| ? | Open Keyboard Shortcuts Legend Modal |
| C | Open Quick Add Modal |
| G D | Navigate to Dashboard |
| G P | Navigate to Projects View |
| G B | Navigate to Bug Tracker |
| G F | Navigate to Feature Pipeline |
| G T | Navigate to Task Management |
| G V | Navigate to Version Planner |
| G R | Navigate to Product Roadmap |
| G M | Navigate to Documentation |
| G C | Navigate to System Changelog |
| G S | Navigate to Settings |
| ESC | Close Any Open Modal or Drawer |
- Core: React 19, Vite 6, JavaScript ESNext
- Styling: Tailwind CSS v3.4, Custom Glassmorphism, CSS Theme Variables
- Icons: Lucide React Icons
- Data Visualization: Recharts
- Storage: LocalStorage API with JSON Schema Validation
```bash git clone https://github.com/Ghostx003/codexmanager.git cd codexmanager ```
```bash npm install ```
```bash npm run dev ``` Open http://localhost:5173/ in your browser.
```bash npm run build ```
This project is open-source under the MIT License.
Crafted for modern software engineering teams • Codex Manager