Skip to content

Sam786eer/DevDetective

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ•΅οΈβ€β™‚οΈ DevDetective

A sleek web application that fetches and displays GitHub profile information using the GitHub API. Features include dynamic dark/light mode toggle, responsive design, and live search results.


πŸš€ Features

  • πŸ” Search any GitHub user by username
  • πŸŒ‘ Dark / πŸŒ• Light mode toggle
  • πŸ“Š Displays user stats like repositories, followers, following
  • 🌐 Shows blog, company, location, and Twitter handle
  • ❌ Displays fallback info for unavailable fields

πŸ› οΈ Tech Stack

  • HTML5
  • CSS3
  • JavaScript (Vanilla)
  • GitHub REST API

πŸ“ Folder Structure

DevDetective/ β”‚ β”œβ”€β”€ index.html β”œβ”€β”€ styles.css β”œβ”€β”€ script.js β”œβ”€β”€ assets/ β”‚ └── images/ β”‚ β”œβ”€β”€ moon-icon.svg β”‚ β”œβ”€β”€ sun-icon.svg β”‚ β”œβ”€β”€ location-icon.svg β”‚ β”œβ”€β”€ twitter-icon.svg β”‚ β”œβ”€β”€ website-icon.svg β”‚ β”œβ”€β”€ company-icon.svg

yaml Copy Edit


βš™οΈ How to Use

1. Clone the Repository

git clone https://github.com/Sam786eer/DevDetective.git
cd DevDetective
2. Open index.html in Browser
No build steps required. Just open directly in any modern browser.

πŸ“ To Do
 Add mobile responsiveness

 Improve error handling

 Add loading skeleton UI

🌐 Live Demo
You can host it on GitHub Pages, Netlify, or Vercel and include the link here.
Example: Live Demo

πŸ§‘β€πŸ’» Author
Mohammad Sameer
πŸ”— GitHub

πŸ“„ License
This project is open-source under the MIT License.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages