{"id":15012819,"url":"https://github.com/techno-trace/githubprofileexplorer","last_synced_at":"2026-02-09T11:35:05.737Z","repository":{"id":249773111,"uuid":"832296161","full_name":"techno-trace/GithubProfileExplorer","owner":"techno-trace","description":"🌟 React GitHub Profile Explorer - Explore GitHub profiles effortlessly with this React-based application. Built with Vite, TypeScript, and TailwindCSS, this app provides a fast and responsive interface to search and view GitHub user profiles.","archived":false,"fork":false,"pushed_at":"2024-07-25T04:03:37.000Z","size":4485,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-29T14:44:38.070Z","etag":null,"topics":["playwright","react","react-hooks","react-router","redux","tailwindcss","typescript","vite","zustand"],"latest_commit_sha":null,"homepage":"https://techno-trace.github.io/GithubProfileExplorer/","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/techno-trace.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":"2024-07-22T18:16:19.000Z","updated_at":"2024-07-25T04:08:10.000Z","dependencies_parsed_at":null,"dependency_job_id":"d2ed5bfc-f40b-4be2-8185-5e93893c92a4","html_url":"https://github.com/techno-trace/GithubProfileExplorer","commit_stats":{"total_commits":5,"total_committers":2,"mean_commits":2.5,"dds":"0.19999999999999996","last_synced_commit":"533f6225684d43458a6ec17aa6719cd12c6d8d59"},"previous_names":["techno-trace/githubprofileexplorer"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techno-trace%2FGithubProfileExplorer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techno-trace%2FGithubProfileExplorer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techno-trace%2FGithubProfileExplorer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techno-trace%2FGithubProfileExplorer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/techno-trace","download_url":"https://codeload.github.com/techno-trace/GithubProfileExplorer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246200296,"owners_count":20739563,"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":["playwright","react","react-hooks","react-router","redux","tailwindcss","typescript","vite","zustand"],"created_at":"2024-09-24T19:43:15.994Z","updated_at":"2026-02-09T11:35:05.640Z","avatar_url":"https://github.com/techno-trace.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🌟 React GitHub Profile Explorer\n\n![React](https://img.shields.io/badge/React-18.2.0-blue)\n![Vite](https://img.shields.io/badge/Vite-5.1.5-lightblue)\n![TypeScript](https://img.shields.io/badge/TypeScript-5.3.3-blue)\n![License](https://img.shields.io/badge/license-MIT-green)\n\n![Demo1](https://github.com/techno-trace/GithubProfileExplorer/blob/master/demo/Screen1Demo.PNG)\n![Demo2](https://github.com/techno-trace/GithubProfileExplorer/blob/master/demo/Screen1Demo2.PNG)\n![Demo3](https://github.com/techno-trace/GithubProfileExplorer/blob/master/demo/Screen2Demo1.PNG)\n![Demo4](https://github.com/techno-trace/GithubProfileExplorer/blob/master/demo/Screen3Demo1.PNG)\n\n\nExplore GitHub profiles effortlessly with this React-based application. Built with Vite, TypeScript, and TailwindCSS, this app provides a fast and responsive interface to search and view GitHub user profiles.\n\n## 🚀 Features\n\n- 🔍 Search GitHub profiles by username\n- 📊 View detailed user information and statistics\n- 🗂️ Responsive design with TailwindCSS\n- ⚡ Fast build and development setup with Vite\n- ✅ Type-safe codebase with TypeScript\n\n## 📋 Prerequisites\n\nBefore you begin, ensure you have met the following requirements:\n\n- Node.js (version 18 or newer)\n- pnpm (version 7 or newer is recommended)\n\n## 🛠️ Installation\n\nFollow these steps to set up and run the project locally:\n\n1. **Clone the Repository:**\n```sh\n   git clone https://github.com/techno-trace/GithubProfileExplorer.git\n   cd GithubProfileExplorer\n```\n\nInstall PNPM(Optional):\n\nIt's fast and efficient than any other package managers out there!\nCheckout PNPM at - https://pnpm.io/\n\n```sh\n    \n    npm i -g pnpm # only if you don't have pnpm already installed\n\n```\nInstall Dependencies:\n\nUsing PNPM\n\n```sh\n\n    pnpm i\n\n```\n\nOr Using NPM\n\n```sh\n\n    npm i\n\n```\n\nSet Up Environment Variables:\nCreate a .env file in the root directory and add your GitHub token:\n\n![Generate Github Token](https://github.com/settings/tokens/new?description=GithubProfileExplorerApp\u0026scopes=public_repo)\n\nVITE_GITHUB_TOKEN=\"your_github_token_here\"\nVITE_API_BASE_URL=\"https://localhost:5174\"\n\nRun the Development Server:\n\n```sh\n    pnpm dev\n\n    Open http://localhost:5174 to view it in your browser.\n```\nOR\n\n```sh\n    npm dev\n\n    Open http://localhost:5174 to view it in your browser.\n```\n\n📦 Building for Production\n\nTo build the project for production, run:\n\n```sh\n    pnpm build\n```\nOR\n\n```sh\n    npm build\n```\n\nThis will produce optimized files in the dist directory.\n🔄 Previewing the Build\n\nAfter building the project, you can preview it using Vite's preview command:\n\n```sh\n    pnpm preview\n```\nOR \n\n```sh\n    npm preview\n```\n\n🔄 Testing the App\n\nYou can run the test command which will open playwright test in ui and if you want more info on playwright\nyou can visit [Playwright](https://playwright.dev/docs/intro#running-the-example-test):\n\n```sh\n    pnpm test\n```\nOR \n\n```sh\n    npm test\n```\n\n![Chrome](https://github.com/techno-trace/GithubProfileExplorer/blob/master/demo/TestResults.PNG)\n![Firefox](https://github.com/techno-trace/GithubProfileExplorer/blob/master/demo/TestResultsFirefox.PNG)\n![Safari](https://github.com/techno-trace/GithubProfileExplorer/blob/master/demo/TestResultsSafari.PNG)\n\n🤝 Contributing\n\nContributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.\n\n    Fork the Project\n    Create your Feature Branch (git checkout -b feature/AmazingFeature)\n    Commit your Changes (git commit -m 'Add some AmazingFeature')\n    Push to the Branch (git push origin feature/AmazingFeature)\n    Open a Pull Request\n\n📝 License\n\nDistributed under the MIT License. See LICENSE for more information.\n✨ Acknowledgements\n\n    React\n    Vite\n    Tailwind CSS\n\n📧 Contact\n\nDigambar Saha - loveanimesh143@gmail.com\n\nProject Link: https://github.com/techno-trace/GithubProfileExplorer\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftechno-trace%2Fgithubprofileexplorer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftechno-trace%2Fgithubprofileexplorer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftechno-trace%2Fgithubprofileexplorer/lists"}