Skip to content

CoderMS07/GitScout-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS Battle – GitScout (GitHub Profile Search App)

This project is my submission for the OpenCode CSS Battle Challenge.
The goal was to recreate a GitHub Profile UI using pure frontend skills with a clean, responsive and pixel-perfect implementation.

🚀 Live Demo

https://gitscout007.netlify.app/

📂 GitHub Repository

https://github.com/CoderMS07/GitScout-


🎯 Challenge Description

Recreate a GitHub Profile search application UI that allows users to:

  • Search any GitHub username
  • View profile details (followers, following, location)
  • View repositories
  • Open repository page in a new tab
  • Experience a responsive, modern UI

🛠 Tech Stack

  • HTML
  • CSS
  • JavaScript
  • GitHub REST API

📸 Screenshots

Original Design

Original

My Implementation

Implemented Implemented Implemented


⚙️ Features

  • GitHub username search
  • Profile avatar & details
  • Followers, Following, Location
  • Repository listing with details
  • Clickable repo cards
  • Fully responsive layout

📋 How to Run Locally

git clone https://github.com/CoderMS07/GitScout.git
cd GitScout
open index.html

About

Responsive frontend implementation of OpenCode CSS Battle challenges using modern HTML, CSS and JavaScript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors