https://github.com/seanluis/github-explorer
A modern open-source project explorer built with Nuxt 3, leveraging GitHub's API to discover and analyze trending repositories. Features real-time sorting by stars, comprehensive metadata visualization, and direct GitHub integration.
https://github.com/seanluis/github-explorer
contribution developer-tools free github github-api nuxt3 open-source opensource project-discovery repository-explorer typescript vue3
Last synced: 7 months ago
JSON representation
A modern open-source project explorer built with Nuxt 3, leveraging GitHub's API to discover and analyze trending repositories. Features real-time sorting by stars, comprehensive metadata visualization, and direct GitHub integration.
- Host: GitHub
- URL: https://github.com/seanluis/github-explorer
- Owner: SeanLuis
- License: mit
- Created: 2025-02-12T18:18:38.000Z (9 months ago)
- Default Branch: master
- Last Pushed: 2025-02-24T14:27:56.000Z (9 months ago)
- Last Synced: 2025-02-24T15:31:21.831Z (9 months ago)
- Topics: contribution, developer-tools, free, github, github-api, nuxt3, open-source, opensource, project-discovery, repository-explorer, typescript, vue3
- Language: Vue
- Homepage: https://github-explorer.nuxt.dev
- Size: 8.69 MB
- Stars: 43
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# GitHub Open Source Explorer
A modern web application to discover, explore, and track trending open-source projects on GitHub. Built with Nuxt 3, Vue 3, and TailwindCSS.
## 🌗 Preview
### Light Mode
### Dark Mode
## ✨ Features
- 🔍 Advanced GitHub repository search
- 📊 Trending repositories dashboard
- 🏷️ Curated collections of projects
- 🎨 Modern UI with dark mode support
- ⚡ Fast and responsive experience
- 🚀 Infinite scroll loading
- 📱 Mobile-friendly design
## 🛠️ Tech Stack
- **Framework:** Nuxt 3
- **UI Library:** Vue 3
- **Styling:** TailwindCSS
- **State Management:** Pinia
- **API Integration:** GitHub REST API
- **Icons:** Radix Icons
## 🚀 Quick Start
1. Clone the repository:
```bash
git clone https://github.com/SeanLuis/github-explorer.git
cd github-explorer
```
2. Install dependencies:
```bash
pnpm install
```
3. Create a `.env` file in the root directory with your GitHub token:
```env
NUXT_HUB_GITHUB_TOKEN=your_github_token_here
```
4. Start the development server:
```bash
pnpm dev
```
Visit `http://localhost:3000` to see the app running.
## 📦 Production Build
```bash
# Build for production
pnpm build
# Preview production build
pnpm preview
```
## 🔌 VS Code Extension
Explore GitHub repositories directly from your editor! Install our VS Code extension:
[](https://marketplace.visualstudio.com/items?itemName=SeanLuisGuadaRodriguez.opensource-explorer)
### Extension Features
- 🔍 Search repositories from VS Code
- ⭐ Star and fork repositories
- 📁 Organize into collections
- 🚀 Quick clone repositories
- 📊 View repository details
[Learn more about the VS Code extension](vscode-extension/README.md)
## 📝 Changelog
[View all changes](vscode-extension/CHANGELOG.md)
## 🏆 Featured On
## 🤝 Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## 📝 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 🙏 Acknowledgments
- [Nuxt.js](https://nuxt.com/) for the amazing framework
- [TailwindCSS](https://tailwindcss.com/) for the utility-first CSS framework
- [GitHub API](https://docs.github.com/en/rest) for providing the data