Prism is a premium project intelligence and team collaboration platform built for modern engineering teams. It combines real-time collaboration, intelligent project tracking, and beautiful data visualization into an experience that makes managing complex projects feel effortless.
Think of it as the command center your team deserves — where every pixel, every interaction, and every data point has been thoughtfully crafted to help you ship faster.
| Category | What's Included |
|---|---|
| Auth | JWT + HTTP-only cookies, bcrypt hashing |
| Dashboard | Real-time metrics, activity feed, sparklines |
| Projects | Multi-project management with color coding |
| Kanban | Drag-and-drop boards with 4 columns |
| Team | Member profiles, contributions, invitations |
| Analytics | Velocity charts, burndown, distributions |
| Accessibility | Full keyboard nav, screen reader support |
| Settings | Profile, notifications, theme, security |
Prism is built with accessibility as a core feature:
| Feature | Description |
|---|---|
| WCAG 2.1 AA | Compliant color contrast and typography |
| Keyboard Nav | Full functionality without mouse |
| Screen Readers | NVDA, VoiceOver, JAWS compatible |
| Reduced Motion | Respects prefers-reduced-motion |
| High Contrast | Supports prefers-contrast |
| Skip Links | Jump to main content |
| ARIA Labels | Descriptive labels for all elements |
📖 View full Accessibility Statement
git clone https://github.com/DLinacre/prism.git
cd prism
npm install
npm run devThen open http://localhost:5173
Demo: demo@prism.io / demo123
| Layer | Technology |
|---|---|
| Frontend | React 18, Vite, React Router |
| Backend | Express.js, SQLite |
| State | Zustand |
| Charts | Recharts |
| Icons | Lucide React |
| Styling | CSS Modules + CSS Variables |
prism/
├── client/
│ ├── src/
│ │ ├── components/ # UI components
│ │ ├── pages/ # Route pages
│ │ ├── stores/ # Zustand stores
│ │ └── styles/ # Global CSS
│ └── vite.config.js
├── server/
│ ├── routes/ # API endpoints
│ ├── middleware/ # Auth
│ └── db/ # SQLite
└── package.json
Colors:
- Primary:
#6366f1(Indigo) - Background:
#0a0a0f(Dark) - Success:
#22c55e| Warning:#f59e0b| Danger:#ef4444
Typography: Inter (UI), JetBrains Mono (code)
Components: Button, Input, Card, Modal, Avatar, Badge, Dropdown, Select, Toast
| Command | Description |
|---|---|
npm run dev |
Start frontend + backend |
npm run build |
Production build |
npm run server |
Backend only (port 3001) |
npm run build # Builds to client/dist/Environment Variables:
PORT=3001
JWT_SECRET=your-secret
NODE_ENV=productionMIT © DLinacre