Website  ❖  Structure  ❖  Built with  ❖  Contribute
👉 Mobile 📸

🌟 Gitlytics

Gitlytics is a web tool for analyzing GitHub profiles in a simple and visual way. ✨

Whether you want to analyze your own profile or explore other developers', Gitlytics provides a clear and organized view of key information. 🚀

🎯 Features

• 🔍 Explore GitHub Profiles – Search for any GitHub user and visualize their contributions.
• 🛠 Tech Stack Insights – See which languages and frameworks they use the most.
• 🚀 Quick Repository Access – Easily browse their repositories and gists.

🛠 Installation

1️⃣ Set Up Your Environment

Create a .env file in the root directory and add your GitHub Access Token:

VITE_GITHUB_ACCESS_TOKEN=your_personal_access_token

2️⃣ Clone and Install

# Clone this repository
git clone https://github.com/Ch1py7/Gitlytics.git

# Navigate into the project directory
cd Gitlytics

# Install pnpm globally if you haven't already
npm install -g pnpm

# Install dependencies
pnpm install

# Start the development server
pnpm dev

🏗️ Project Structure

📂 / Project
├── 📁 src
│   ├── 📄 main.tsx
│   ├── 📄 App.tsx
│   ├── 📄 index.css
│   ├── 📁 components
│   ├── 📁 graphql
│   ├── 📁 hooks
│   ├── 📁 pages
│   ├── 📁 types
│   └── 📁 utils
├── 📄 package.json
├── 📄 README.md
└── 🔑 LICENSE

🛠 Built With

• React: JavaScript library for building user interfaces.
• TypeScript: A strongly typed programming language that builds on JavaScript.
• Tailwind CSS: Utility-first CSS framework for rapid UI development.
• GraphQL: A flexible query language for APIs.
• Lucide: Open-source icon library.

🤝 Contributing

Pull requests are welcome! Feel free to open an issue or submit a PR.

📄 License

This project is licensed under the MIT License.