Stop switching tabs. Start shipping code.
Being a developer, you have to switch between Teams/Slack, JIRA, and GitHub to track tickets, workflows, and updates—causing you to lose valuable time. What if there was a way where you could get all of them in one place?
I present DevContext.
Every day, developers waste 30+ minutes context-switching between tools:
- 🔄 Slack/Teams → Check messages and notifications
- 🎫 JIRA → Track tickets and workflows
- 💻 GitHub → Review PRs, issues, and commits
- 🔁 Repeat → Jump back and forth, losing focus
The result? Fragmented context, missed updates, and reduced productivity.
DevContext unifies your entire development workflow into a single, intelligent dashboard. See everything that matters—GitHub PRs, JIRA tickets, and Slack messages—in one beautiful interface.
- 📊 Unified Dashboard - All your GitHub PRs, JIRA tickets, and Slack messages in one place
- 🔍 Smart Search - Semantic search across all your tools with intelligent filtering
- 🤖 AI-Powered Grouping - Automatically groups related items using AI
- ⚡ Real-time Updates - WebSocket-powered live notifications from all integrations
- 🎨 Beautiful UI - Modern, dark-themed interface built for developers
- 📱 Responsive Design - Works seamlessly on desktop and mobile
- Node.js >= 20.0.0
- npm >= 10.0.0
- Docker and Docker Compose
- PostgreSQL with pgvector extension
-
Clone the repository
git clone <repository-url> cd devcontext
-
Install dependencies
npm install
-
Setup environment variables
cp .env.example .env # Edit .env with your API keys (see Environment Variables below) -
Start the database
docker-compose up -d
-
Run migrations
cd backend npm run db:migrate -
Start development servers
# From root directory npm run dev- Frontend: http://localhost:5173
- Backend: http://localhost:3000
Create a .env file in the root directory with the following:
# Database
DATABASE_URL=postgresql://devcontext:devcontext@localhost:5432/devcontext
# Redis (optional)
REDIS_URL=redis://localhost:6379
# JWT
JWT_SECRET=your_secure_jwt_secret
# App URLs
FRONTEND_URL=http://localhost:5173
BACKEND_URL=http://localhost:3000
# GitHub OAuth
GITHUB_CLIENT_ID=your_github_client_id
GITHUB_CLIENT_SECRET=your_github_client_secret
GITHUB_CALLBACK_URL=http://localhost:3000/api/oauth/github/callback
# JIRA OAuth
JIRA_CLIENT_ID=your_jira_client_id
JIRA_CLIENT_SECRET=your_jira_client_secret
# Slack OAuth
SLACK_CLIENT_ID=your_slack_client_id
SLACK_CLIENT_SECRET=your_slack_client_secret
SLACK_SIGNING_SECRET=your_slack_signing_secret
# OpenAI (for AI features)
OPENAI_API_KEY=your_openai_api_key📖 Detailed setup guides:
- React 18 with TypeScript
- Vite for blazing-fast development
- TailwindCSS for styling
- shadcn/ui for beautiful components
- Socket.IO for real-time updates
- Node.js with Express
- TypeScript for type safety
- PostgreSQL with pgvector for embeddings
- Redis for caching
- Drizzle ORM for database management
- GitHub - PRs, Issues, Commits, Reviews
- JIRA - Tickets, Workflows, Comments
- Slack - Messages, Channels, DMs, Threads
- Quick Start Guide - Get up and running in 5 minutes
- GitHub Sync Implementation - Complete GitHub integration
- Slack Integration Guide - Full Slack setup
- API Documentation - API endpoints reference
- Track your work - See all your PRs, tickets, and messages in one place
- Stay updated - Real-time notifications from all your tools
- Find context fast - Smart search across all integrations
- Unified visibility - See team-wide activity across all tools
- Better collaboration - Connect GitHub PRs with JIRA tickets and Slack discussions
- AI-powered insights - Automatically group related work items
View all your contexts in one place:
- GitHub: Pull Requests, Issues, Commits, Code Reviews
- JIRA: Tickets, Epics, Stories, Comments
- Slack: Messages, Threads, DMs, Channel Updates
- Semantic search across all tools
- Filter by source, date, author, status
- Natural language queries: "PRs from last week", "open tickets assigned to me"
- Automatically groups related items
- Identifies connections between PRs, tickets, and messages
- Smart context ranking based on relevance
- WebSocket-powered live notifications
- Auto-sync every 5 minutes
- Manual sync on demand
devcontext/
├── frontend/ # React TypeScript frontend
│ ├── src/
│ │ ├── components/ # UI components
│ │ ├── pages/ # Page components
│ │ ├── hooks/ # React hooks
│ │ └── lib/ # Utilities and API client
│ └── package.json
├── backend/ # Node.js Express backend
│ ├── src/
│ │ ├── routes/ # API routes
│ │ ├── services/ # Business logic
│ │ ├── models/ # Database models
│ │ └── middleware/ # Express middleware
│ └── package.json
├── docker/ # Docker configuration
└── docker-compose.yml # Local development setup
npm run testnpm run build- TypeScript strict mode enabled
- ESLint for code quality
- Prettier for formatting (recommended)
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is proprietary and confidential.
- Built with ❤️ using React, Node.js, and PostgreSQL
- UI components from shadcn/ui
- Icons from Lucide React
Having issues? Check out our documentation or open an issue on GitHub.
Stop switching tabs. Start shipping code.