A modern, responsive React application built with Vite and TailwindCSS to search and explore GitHub user profiles, followers, following, and repositories.
- 🔍 Search GitHub users by username
- 👤 View detailed user profiles with avatar, bio, and stats
- 📊 Display top repositories sorted by stars
- 🎨 Beautiful UI with glassmorphism effects and animations
- 📱 Fully responsive design
- ⚡ Fast performance with Vite
- Frontend: React 19, Vite
- Styling: TailwindCSS 4
- Icons: Lucide React
- API: GitHub REST API
Check out the live version of the app: https://gitscopeuse.netlify.app/
-
Clone the repository:
git clone https://github.com/msd131102/gitscope.git cd gitscope -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open http://localhost:5173 in your browser.
- Enter a GitHub username in the search bar
- Press "Go" or hit Enter
- View the user's profile information and top repositories
The app uses the GitHub API directly. No additional configuration is required for basic usage. For production deployment, ensure you have a proper domain and consider API rate limits.
- React Hooks (useState, useEffect)
- API integration with fetch
- Responsive design with TailwindCSS
- Component-based architecture
- Modern JavaScript (ES6+)
- Vite build tool
- Component Organization: Modular components for reusability
- State Management: Efficient state handling with React hooks
- Error Handling: User-friendly error messages
- Performance: Optimized rendering and API calls
- Accessibility: Semantic HTML and keyboard navigation
- Code Quality: Clean, readable code with consistent naming
- Fork the repository
- Create a feature branch
- Commit your changes
- Push to the branch
- Open a Pull Request
This project is open source and available under the MIT License.
Created by Shiva (codebyshiva)