Vedat Erenoglu

An intuitive and powerful dashboard for GitHub - GitHub Dashboard App

An intuitive and powerful dashboard for GitHub - GitHub Dashboard App

Cover Image

The GitHub Dashboard app is designed to simplify GitHub's complex user interface, offering a focused, developer-friendly workspace where common actions are streamlined to be one click away. Instead of navigating multiple GitHub pages, developers gain a consistent, dark-themed UI to manage repositories and view key metrics.

GitHub Repository: "https://github.com/vedaterenoglu/github-dashboard.git" Presentation video: "https://youtu.be/28LPgogXIpA"

Key Capabilities and Features

The app brings core repository management and viewing into a single pane.

  • Repository actions: Quickly change a repository's visibility (public/private), safely delete a repository with confirmation, and add or edit repository descriptions.
  • Workflow views: View issues, pull requests, and analytics in a single, consistent interface.
  • Custom organization with Lists (Neon feature): An added layer for personal organization. Lists are intentionally not a GitHub feature; they are stored in Neon Postgres and scoped per user, allowing custom categories like "Client Work," "Open Source," or "Refactor Later," independent of GitHub stars or topics.
    • UX: Filter repositories by a selected List, add a repository to one or more Lists directly from the card, and create new Lists within the flow.

Dashboard: Status at a Glance

The Dashboard provides a read-only, fast "status at a glance" view, showing live GitHub metrics for the signed-in account. It surfaces key totals and recent activity signals without noise, acting as a clear health indicator. If GitHub is rate-limiting or API scopes are missing, the UI clearly surfaces actionable messaging.

Repositories: The Main Productivity Page

This is the core workflow page, providing server-backed, paginated data optimized for real-world use. Each repository card is actionable:

  • Visibility toggle: Switch between public/private directly in place. The UI updates optimistically, with server confirmation via GitHub's API.
  • Delete repository: Destructive actions are guarded, requiring the user to type the repo name to confirm. A copy-to-clipboard affordance is available to make this confirmation easier and safer.
  • Description edit: Edit the repository description inline with an immediate optimistic update and rollback on error.

Work Queues

  • Pull requests: A clean work-queue view that highlights what's open, what needs attention, and what's recently updated. It focuses on quick scanning without the broader GitHub UI context.
  • Issues: A similar queue view focused on triage speed, allowing users to quickly see what's open and what's changing without navigating repo-by-repo.

Analytics

Analytics provides a higher-level picture of repositories, including language distribution, stars/forks trends, and aggregate insights. The language filter options are dynamically sourced from GitHub data to ensure accuracy across different accounts.

Security and Operational Visibility (Under the Hood)

Security is built-in with a server-side-first approach:

  • Authentication: The app uses GitHub OAuth, storing tokens encrypted in Neon (server-side only). Only an opaque session cookie is kept in the browser.
  • Mutations/writes: Write calls are protected with a CSRF token header, and there is an optional policy to enforce a "GitHub MFA required" status for sensitive operations. Key mutations are logged for auditability.
  • Settings: Exposes the "developer reality" by clearly showing:
    • Auth status and scopes (granted vs. required, and whether a reconnect is needed)
    • Security preferences (GitHub MFA policy)
    • One-click health checks for the environment, database, GitHub connectivity/scopes/MFA signal, and migration state
    • Session hardening via rotation and enforced timeouts

Summary

The app delivers a focused workflow UI that is fast and safe for developers, with secure server-side auth, encrypted token storage, and strong guardrails for dangerous actions.

Share:

Stay updated

Get new articles delivered to your inbox.