Skip to content
 
 

Latest commit

 

History

2 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌌 Cinematic GitHub Profile Explorer

Status Version

A premium, high-impact web application designed for the modern developer. This Explorer transforms standard GitHub data into a cinematic experience using Glassmorphism, staggered animations, and a sleek Dark Mode aesthetic.

🚀 Live Demo

Experience it here: "https://tanishkaisrani977-stack.github.io/GitHub-ProfileExplorer/"



✨ Key Features

  • Cinematic Loading: A 3-second "Database Probe" sequence that builds anticipation.
  • 3D Profile Interaction: The main identity card features a 3D-lift hover effect with an intensified glow.
  • High-Impact Repo Cards: Large-scale repository displays (380px+) designed for readability and visual weight.
  • Staggered Entrance: Repository results appear one-by-one using calculated CSS transition delays.
  • Smart Sorting: Instantly rearrange projects by Stars, Alphabetical Order, or Newest Update with smooth fade transitions.
  • Fully Responsive: Mobile-first architecture ensures a seamless experience on smartphones, tablets, and desktops.

🎨 UI/UX Specifications

This project follows strict design guidelines to ensure a "Premium" feel:

  • Visual Breathing Room: A deliberate 80px gap between the search interface and results.
  • Glassmorphism: Frosted-glass backgrounds with backdrop-filter: blur(10px).
  • Dynamic Background: A 4-way moving linear gradient that creates subtle environmental motion.
  • Staggered Logic: JavaScript-injected delays (index * 150ms) for a sophisticated "pop-in" effect.

📂 Installation & Setup

  1. Clone the repository:
    git clone [https://github.com/tanishkaisrani977-stack/GitHub-ProfileExplorer.git](https://github.com/tanishkaisrani977-stack/GitHub-ProfileExplorer.git)

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages