GitHub and Vercel API Dashboard

I tend to need to hit the GitHub API quite often, so here's a quick overview of the data I'm trying to fetch or mutate. Built with all vanilla tools (Express, etc.).

Demo: Vercel won't let me deploy a express api so i'll have to setup VPS Someday.

Features

• 📊 Comprehensive view of your GitHub profile
• 📚 List of your GitHub repositories with details
• ⭐ Display of starred repositories
• 📝 Access to your public Gists
• 🚀 Vercel project and deployment information
• 🌐 Vercel domain management overview
• 🔍 Dynamic filtering system for easy navigation

Setup and Installation

1. Clone the repository:

2. Install dependencies:

npm install

3. Create a .env file in the root directory with your API tokens:

#https://github.com/settings/tokens?type=beta
GITHUB_TOKEN=

#https://vercel.com/account/tokens
VERCEL_TOKEN=

4. Start the server:

npm start

Or just do

node server.js

5. Open your browser and navigate to http://localhost:3000 (or the port you've configured).

Usage

The dashboard is divided into several tabs:

• GitHub Profile: Displays your basic GitHub information.
• GitHub Repos: Lists all your public repositories.
• Starred Repos: Shows repositories you've starred.
• Gists: Displays your public Gists.
• Vercel User: Shows your Vercel account information.
• Vercel Projects: Lists your Vercel projects and their latest deployments.
• Vercel Domains: Displays domains associated with your Vercel account.

Use the filter options to narrow down the displayed information based on specific tags or attributes.

Made with ❤️ by Remco Stoeten