Skip to content

GitExplore: Discover, Explore, and Code with popular GitHub repositories. Search by language, topic, and sorting. Interactive UI with guided tour.

License

Notifications You must be signed in to change notification settings

Sgvkamalakar/GitExplore

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GitExplore

GitExplore is a web application that allows you to discover and explore top GitHub repositories based on programming language, topics, and sorting options.

Features

  • Select a programming language from the dropdown menu.
  • Optionally enter a topic to narrow down your search.
  • Choose to sort repositories by stars or forks.
  • Click the Search button to fetch top repositories matching your criteria.
  • Repositories are displayed as flip cards, showcasing key information.
  • View more details about a repository by hovering over its flip card.
  • Includes guided tour functionality using Shepherd.js.

Technologies Used

  • HTML/CSS/JavaScript
  • GitHub API
  • Shepherd.js - for guided tours

Shepherd.js Guided Tour

GitExplore includes a guided tour feature powered by Shepherd.js. To start the tour, click the "Start Tour 🐏" button located at the top of the page.

Demo

GitExplore.Demo.mp4

Screenshots

image


image


image


image


Use Cases

  1. Discover Popular Repositories: Users can discover the most popular repositories in their preferred programming language. By selecting a language and sorting by stars, users can quickly find highly-rated projects.

  2. Explore Topic-Specific Repositories: Users interested in specific topics can enter a topic in the search form to find repositories related to that topic. This is useful for finding projects in niche areas or specific domains.

  3. Open Source Contribution: As an open-source enthusiast, you can use GitExplore to find projects that need contributions. By exploring repositories with specific topics or sorting by forks, you can identify projects that are active and might benefit from your contributions. This aligns with GitExplore's mission to support and foster open-source development.

Getting Started

To get started with GitExplore, follow these steps:

  1. Clone the repository:

    git clone https://github.com/your-username/gitexplore.git
  2. Obtain a GitHub Personal Access Token and replace in config.js with your token.

  3. Open index.html in your local server.

If you like the project, please vote on my submission: Vote for GitExplore

About

GitExplore: Discover, Explore, and Code with popular GitHub repositories. Search by language, topic, and sorting. Interactive UI with guided tour.

Topics

Resources

License

Stars

Watchers

Forks