{"id":24404079,"url":"https://github.com/subh05sus/gh-explore","last_synced_at":"2026-04-16T10:31:46.144Z","repository":{"id":273063360,"uuid":"918599031","full_name":"subh05sus/gh-explore","owner":"subh05sus","description":"GitHub Repo Explorer is a React + TypeScript app to explore repositories, including private ones, with GitHub OAuth. It displays repo details, supports theme toggling, and lets you copy file structures for documentation. Perfect for developers who manage multiple repositories!","archived":false,"fork":false,"pushed_at":"2025-01-18T12:11:15.000Z","size":542,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-27T05:03:41.594Z","etag":null,"topics":["github-api","nextjs","oauth","react","repository-explorer","tailwindcss","typescript","web-app-documentation-tool"],"latest_commit_sha":null,"homepage":"https://gh-explore.subhadip.me","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/subh05sus.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-18T11:06:53.000Z","updated_at":"2025-01-23T06:11:17.000Z","dependencies_parsed_at":"2025-01-18T12:34:50.644Z","dependency_job_id":null,"html_url":"https://github.com/subh05sus/gh-explore","commit_stats":null,"previous_names":["subh05sus/gh-explore"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/subh05sus%2Fgh-explore","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/subh05sus%2Fgh-explore/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/subh05sus%2Fgh-explore/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/subh05sus%2Fgh-explore/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/subh05sus","download_url":"https://codeload.github.com/subh05sus/gh-explore/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243364783,"owners_count":20279211,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["github-api","nextjs","oauth","react","repository-explorer","tailwindcss","typescript","web-app-documentation-tool"],"created_at":"2025-01-20T03:59:06.330Z","updated_at":"2025-12-27T13:24:51.630Z","avatar_url":"https://github.com/subh05sus.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# GitHub Repo Explorer\n\nGitHub Repo Explorer is a web application that allows users to explore GitHub repositories directly from their browser. It supports authentication for private repositories, displays repository details, and enables copying folder-file structures for documentation purposes.\n\n## Features\n\n- **Sign In with GitHub**: Access private repositories using GitHub authentication.\n- **Repository Details**: View information such as stars, watchers, branches, primary language, creation and update dates, and visibility (public/private).\n- **Copy File Structure**: Easily copy the folder-file structure of a repository for documentation or reference.\n- **Theme Toggle**: Switch between light and dark themes.\n\n## Tech Stack\n\n- **Frontend**: React + TypeScript\n- **Styling**: Tailwind CSS\n- **Authentication**: NextAuth.js with GitHub OAuth\n\n## Setup Instructions\n\n### Prerequisites\n\n- Node.js and npm installed\n- GitHub account with developer access\n- GitHub OAuth application set up\n\n### Clone the Repository\n\n```bash\ngit clone https://github.com/subh05sus/gh-explore.git\ncd gh-explore\n```\n\n### Install Dependencies\n\n```bash\nnpm install\n```\n\n### Configure Environment Variables\n\nCreate a `.env` file in the root directory and add the following environment variables:\n\n```env\nNEXTAUTH_URL=http://localhost:3000\nNEXTAUTH_SECRET=your-generated-secret-paste-it-here\nGITHUB_ID=your-github-client-id\nGITHUB_SECRET=your-github-client-secret\n```\n\n#### How to Generate the `NEXTAUTH_SECRET`\n\nYou can generate a secure secret key using one of the following commands:\n\n- Using OpenSSL:\n\n  ```bash\n  openssl rand -base64 32\n  ```\n\n- Using Node.js:\n\n  ```bash\n  node -e \"console.log(require('crypto').randomBytes(32).toString('hex'))\"\n  ```\n\n#### How to Get the GitHub Client ID and Secret\n\n1. Go to GitHub and sign in to your account.\n2. Click on your profile picture in the top-right corner and select \"Settings\" from the dropdown menu.\n3. Scroll down the left sidebar and click on \"Developer settings\" near the bottom.\n4. In the left sidebar of the Developer settings, click on \"OAuth Apps\".\n5. Click the \"New OAuth App\" button.\n6. Fill out the form with the following information:\n   - **Application name**: Choose a name for your app (e.g., \"GitHub Repo Explorer\")\n   - **Homepage URL**: Enter your application's homepage URL (e.g., [http://localhost:3000](http://localhost:3000) for local development)\n   - **Application description**: (Optional) Provide a brief description of your app\n   - **Authorization callback URL**: This should be your app's callback URL (e.g., [http://localhost:3000/api/auth/callback/github](http://localhost:3000/api/auth/callback/github) for local development)\n7. Click \"Register application\".\n8. On the next page, you'll see your new OAuth App's details. The \"Client ID\" field contains your GITHUB_ID.\n9. Click \"Generate a new client secret\" to create your GITHUB_SECRET.\n\n### Start the Application\n\nRun the development server:\n\n```bash\nnpm run dev\n```\n\nThe application will be available at [http://localhost:3000](http://localhost:3000).\n\n## Usage\n\n1. Navigate to the application in your browser.\n2. Sign in with your GitHub account to explore your private repositories else you can only explore any public repository.\n3. Select a repository to view details and copy its file structure.\n4. Toggle between light and dark themes for a better user experience.\n\n\n## License\n\nThis project does not currently specify a license.\n\n## Contributing\n\nContributions are welcome! Feel free to open issues or submit pull requests.\n\n## Contact\n\nCreated by **Subhadip Saha**.\n\nIf you have any questions or feedback, feel free to reach out!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsubh05sus%2Fgh-explore","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsubh05sus%2Fgh-explore","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsubh05sus%2Fgh-explore/lists"}