Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/remcostoeten/github-and-vercel-api-showcase-dashboard
Showcase results of possible fetched data from the Github and Vercel API built in all vanilla js.
https://github.com/remcostoeten/github-and-vercel-api-showcase-dashboard
api-rest da data express-js github-api nodejs vercel-api
Last synced: 2 days ago
JSON representation
Showcase results of possible fetched data from the Github and Vercel API built in all vanilla js.
- Host: GitHub
- URL: https://github.com/remcostoeten/github-and-vercel-api-showcase-dashboard
- Owner: remcostoeten
- Created: 2024-08-17T20:39:03.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2024-08-25T20:12:02.000Z (6 months ago)
- Last Synced: 2025-01-31T01:07:07.475Z (12 days ago)
- Topics: api-rest, da, data, express-js, github-api, nodejs, vercel-api
- Language: HTML
- Homepage: https://github-api-deployment-overview.vercel.app
- Size: 30.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
```bash
npm install
```
3. Create a `.env` file in the root directory with your API tokens:
```bash
#https://github.com/settings/tokens?type=beta
GITHUB_TOKEN=
#https://vercel.com/account/tokens
VERCEL_TOKEN=
```
4. Start the server:
```bash
npm start
```
Or just do
```bash
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](https://github.com/remcostoeten)