Log inSign up
anand_g
anand_gGithubProfile
Public
Like
GithubProfile
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
Search
index.ts
README.md

GitHub User Profile Viewer

A web application that displays comprehensive GitHub user profiles with detailed information cards and raw API responses.

Features

  • User Profile Card: Displays avatar, name, bio, location, company, and social links
  • Statistics: Shows followers, following, public repos, and gists
  • Activity Data: Recent repositories and contribution stats
  • Raw API Responses: Shows all GitHub API responses used to build the profile
  • Responsive Design: Works on desktop and mobile devices

Project Structure

├── backend/
│   └── index.ts          # Main API server with GitHub data fetching
├── frontend/
│   ├── index.html        # Main HTML template
│   ├── index.tsx         # React frontend application
│   └── style.css         # Custom styles
└── README.md

GitHub APIs Used

  • User API: /users/{username} - Basic user information
  • User Repos API: /users/{username}/repos - User's repositories
  • User Events API: /users/{username}/events/public - Recent activity

Usage

  1. Enter a GitHub username in the search field
  2. View the formatted profile card with user details
  3. Scroll down to see raw API responses for transparency

Tech Stack

  • Backend: Hono (TypeScript API framework)
  • Frontend: React with TypeScript
  • Styling: TailwindCSS
  • APIs: GitHub REST API v4
HTTP
Code