DEV Community

Gittech
Gittech

Posted on • Originally published at gittech.site on

GitHub Stars Semantic Search - Find Your Starred Projects / Powered by gittech.site πŸ’—

GitHub Stars Semantic Search

GitHub Stars Semantic Search

Find your GitHub stars easily with natural language search

πŸš€ Try the Demo

Features β€’ Installation β€’ Usage β€’ Contributing

🌟 Overview

GitHub Stars Semantic Search is a powerful tool that transforms how you interact with your starred repositories.

Using OpenAI's embeddings and PGlite for local storage, it enables natural language search through your GitHub stars, making it easier than ever to find that project you bookmarked months ago.

✨ Features

  • πŸ” Secure Authentication : GitHub personal access token integration
  • πŸ€– AI-Powered Search : Semantic search using OpenAI's advanced embeddings
  • πŸ’Ύ Local Storage : Efficient data storage using PGlite
  • πŸš€ Fast Indexing : Efficient processing of starred repositories' README files
  • 🎨 Modern UI : Clean, responsive interface built with modern web technologies
  • πŸ”’ Privacy-Focused : No server-side storage, all data stays on your machine

πŸš€ Demo

Visit the live demo at luisreinoso.dev/github-stars-semantic-search

πŸ“‹ Prerequisites

  • Node.js (v16 or higher)
  • GitHub Personal Access Token (with read:user scope)
  • OpenAI API Key

πŸ’» Installation

  1. Clone the repository:
cd github-stars-semantic-search
git clone https://github.com/luisreinoso/github-stars-semantic-search.git

Enter fullscreen mode Exit fullscreen mode
  1. Install dependencies:
pnpm install

Enter fullscreen mode Exit fullscreen mode
  1. Start the development server:
pnpm dev

Enter fullscreen mode Exit fullscreen mode

🎯 Usage

  1. Initial Setup
  • Enter your GitHub Personal Access Token and OpenAI API Key in the application
  • The app will begin indexing your starred repositories
  • All credentials are stored securely in your browser
  1. Searching
  • Use natural language queries to search through your stars
  • Example queries:
    • React components for data visualization
    • Machine learning projects in Python
    • Authentication libraries for Node.js
  1. Results
  • View matching repositories with relevance scores
  • Click on results to visit the original GitHub repository
  • See repository descriptions and other metadata

πŸ› οΈ Development

# Start development server
pnpm dev

# Build for production
pnpm build

# Preview production build
pnpm preview

# Run tests
pnpm test

Enter fullscreen mode Exit fullscreen mode

πŸ”§ Tech Stack

  • Frontend : TypeScript, Vite, React
  • APIs : OpenAI API, GitHub API (Octokit)
  • Storage : PGlite (SQLite in the browser)
  • Styling : TailwindCSS

πŸ”’ Privacy & Security

We take your privacy seriously:

  • All data is stored locally in your browser
  • No external servers involved except:
    • GitHub API (for fetching starred repositories)
    • OpenAI API (for generating embeddings)
  • API keys are stored securely in your browser's local storage

🀝 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 file for details.

πŸ™ Acknowledgments

  • OpenAI for their powerful embeddings API
  • GitHub for their comprehensive API
  • The open-source community for inspiration and tools

This response is generated by: https://gittech.site

On here: https://gittech.site/github/item/42427802

Top comments (0)