ankurO7/Commitive

Manage your Issues, PRs all at once place.

β˜… 1Forks 0TypeScriptGitHub β†—Compare

Project website β†—

README

πŸš€Commitive - Own Your Commits.

A unified dashboard to track GitHub issues and pull requests across multiple repositories β€” in one clean interface.

πŸ“Œ Overview

  • Commitive is a developer-focused dashboard that aggregates your GitHub activity across repositories. Instead of switching between multiple repo tabs, you get a centralized view of:

  • Open & closed pull requests

  • Assigned issues

  • Repository-wise contributions

  • Review status tracking

  • Built for individual developers and teams who want better visibility into their GitHub workflow.

✨ Features

  • πŸ”Ž Cross-repository issue tracking
  • πŸ” Pull request monitoring
  • πŸ“Š Unified dashboard view
  • ⚑ Fast UI with Next.js App Router

πŸ—οΈ Tech Stack

  • Frontend: Next.js (App Router)
  • UI: HeroUI + Tailwind CSS
  • Backend: Next.js API routes
  • Database ORM: Prisma
  • GitHub Integration: GitHub REST API

πŸ“‚ Project Structure

β”œβ”€β”€ app/
β”‚   β”œβ”€β”€ api/
β”‚   β”œβ”€β”€ dashboard/
β”‚   └── generated/
β”œβ”€β”€ components/
β”œβ”€β”€ lib/
β”œβ”€β”€ prisma/
β”‚   └── schema.prisma
└── package.json
  • app/ β†’ Application routes and API handlers
  • components/ β†’ Reusable UI components
  • lib/ β†’ Utilities and services
  • prisma/ β†’ Database schema & migrations

βš™οΈ Setup Instructions

  1. Clone the Repository
  git clone https://github.com/your-username/commitive.git
  cd commitive
  1. Install Dependencies npm install
  2. Configure Environment Variables
  3. Create a .env file in the root directory:
  • DATABASE_URL="your_database_url"
  • GITHUB_TOKEN="your_github_token"
  • NEXTAUTH_SECRET="your_secret"
  • AUTH_URL="http://localhost:3000"
  1. Setup Prisma

--- Generate the Prisma client:

npx prisma generate

Run database migrations:

npx prisma migrate dev 5. Start Development Server npm run dev

Application runs at:

http://localhost:3000

πŸ—„οΈ Prisma Notes

  • Keep schema.prisma inside /prisma
  • Run npx prisma generate after every schema change
  • Use npx prisma studio to inspect your database

πŸ” GitHub API Setup

To fetch issues and PRs:

  • Create a GitHub Personal Access Token
  • Enable scopes:
  • repo
  • read:user
  • Add it to .env as GITHUB_TOKEN

πŸ“ˆ Roadmap

  • Repository filtering
  • PR analytics dashboard
  • Real-time updates
  • Notifications system
  • Team-based views

πŸ›  Available Scripts

npm run dev        # Start development server
npm run build      # Build for production
npm run start      # Run production server
npx prisma studio  # Open Prisma database GUI

🀝 Contributing

  • Fork the repository
  • Create a feature branch
  • Commit changes
  • Open a Pull Request

Contributors

ankurO7

Issues