Github Dashboard

A web dashboard for visualizing your GitHub information and keeping track of your repositories.

Introduction

This is a personal project built using the T3 Stack. Focused primarly on type safety.

Tech Stack

• Framework: Next.js
• Styling: Tailwind CSS
• User Management: NextAuth
• ORM: Prisma
• React Component Library: Mantine
• Database: Railway Postgres
• Deployment: Vercel

Features

• Data Fetching, Caching and Mutation using React Query
• End-to-end typesafe APIs using tRPC
• Fetching github endpoints using Github Octokit
• Drag and drop cards made with @hello-pangea/dnd
• Validations using Zod
• State management using Zustand
• Notifications system using Mantine/notifications
• Written in TypeScript

Screenshots