{"id":24072422,"url":"https://github.com/keepserene/github-user-search-site-react","last_synced_at":"2026-04-18T12:02:33.153Z","repository":{"id":271034827,"uuid":"912211864","full_name":"KeepSerene/github-user-search-site-react","owner":"KeepSerene","description":"Challenge: https://www.frontendmentor.io/challenges/github-user-search-app-Q09YOgaH6","archived":false,"fork":false,"pushed_at":"2025-01-04T23:28:39.000Z","size":148,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-05T00:21:26.784Z","etag":null,"topics":["accessibility","api","github-api","github-user-search-by-username","reactjs","responsive-web-design","search-api-method"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/KeepSerene.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-04T23:19:27.000Z","updated_at":"2025-01-04T23:28:42.000Z","dependencies_parsed_at":"2025-01-05T14:32:27.263Z","dependency_job_id":null,"html_url":"https://github.com/KeepSerene/github-user-search-site-react","commit_stats":null,"previous_names":["keepserene/github-user-search-site-react"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KeepSerene%2Fgithub-user-search-site-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KeepSerene%2Fgithub-user-search-site-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KeepSerene%2Fgithub-user-search-site-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KeepSerene%2Fgithub-user-search-site-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KeepSerene","download_url":"https://codeload.github.com/KeepSerene/github-user-search-site-react/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240941542,"owners_count":19882063,"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":["accessibility","api","github-api","github-user-search-by-username","reactjs","responsive-web-design","search-api-method"],"created_at":"2025-01-09T17:17:38.540Z","updated_at":"2026-04-18T12:02:28.132Z","avatar_url":"https://github.com/KeepSerene.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# GitHubify 🚀\n\n\u003e Explore GitHub profiles with style and elegance\n\nGitHubify is a modern, responsive React application that transforms the way you explore GitHub profiles. With its sleek interface, theme customization, and real-time data fetching, GitHubify makes profile discovery a delightful experience.\n\n## 🌟 Live Demo\n\n[Check out GitHubify in action](https://githubify-five.vercel.app/)\n\n## 📸 Screenshots\n\n\u003cdetails\u003e\n\u003csummary\u003eClick to view screenshots\u003c/summary\u003e\n\n### Dark Theme\n\n![Dark Theme](./public/githubify-dark-theme.png)\n\n### Light Theme\n\n![Light Theme](./public/githubify-light-theme.png)\n\n### Mobile View\n\n![Mobile View](./public/githubify-mobile-view.png)\n\n\u003c/details\u003e\n\n## ✨ Features\n\n- **Real-time Profile Search**: Instantly fetch and display GitHub user profiles\n- **Theme Switching**: Seamlessly toggle between light and dark themes\n- **Responsive Design**: Optimized for mobile (320px), tablet (768px), and desktop (1024px+)\n- **Accessibility**: ARIA labels, semantic HTML, and keyboard navigation\n- **Error Handling**: Clear error messages for failed searches or API issues\n- **Local Storage**: Persists theme preference across sessions\n\n## 🛠️ Tech Stack\n\n- **React 18.3.1** - UI library\n- **React Context API** - State management\n- **GitHub REST API** - Profile data fetching\n- **CSS3** - Custom styling with CSS variables\n- **Vite 6.0.5** - Build tool and development server\n- **ESLint 9.17.0** - Code quality and consistency\n\n## 🚀 Getting Started\n\n1. Clone the repository:\n\n```bash\ngit clone https://github.com/KeepSerene/github-user-search-site-react.git\n```\n\n2. Install dependencies:\n\n```bash\ncd githubify\nnpm install\n```\n\n3. Start the development server:\n\n```bash\nnpm run dev\n```\n\n4. Open [http://localhost:5173](http://localhost:5173) in your browser\n\n## 🎨 Customization\n\nGitHubify uses CSS custom properties for easy theme customization. For example,\n\n```css\n:root {\n  --primary-blue: 212 100% 50%;\n  --light-bg-primary: 0 0% 94%;\n  --light-bg-secondary: 0 0% 100%;\n  --light-bg-accent: 227 100% 96%;\n  --light-text-primary: 217 21% 21%;\n  --light-text-secondary: 217 35% 45%;\n}\n\n[data-theme=\"dark\"] {\n  --bg-primary: var(--dark-bg-primary);\n  --bg-secondary: var(--dark-bg-secondary);\n  --bg-accent: var(--dark-bg-accent);\n  --text-primary: var(--dark-text-primary);\n  --text-secondary: var(--dark-text-secondary);\n  --primary: var(--primary-blue);\n}\n```\n\n## 📱 Responsive Breakpoints\n\n- Mobile: 320px - 767px\n- Tablet: 768px - 1023px\n- Desktop: 1024px and above\n\n## ♿ Accessibility Features\n\n- Semantic HTML structure\n- ARIA labels for interactive elements\n- Keyboard navigation support\n- High contrast color schemes\n- Screen reader friendly content\n\n## 🔍 API Usage\n\nGitHubify uses the GitHub Users API:\n\n```javascript\nGET https://api.github.com/users/{username}\n```\n\nKey data points retrieved:\n\n- Profile information\n- Repository count\n- Follower statistics\n- Social links\n- Join date\n\n## 👨‍💻 Author\n\n**[Dhrubajyoti Bhattacharjee]**\n\n- GitHub: [@KeepSerene](https://github.com/KeepSerene)\n- Portfolio: [MathToDev](https://math-to-dev.vercel.app/)\n- Twitter: [@UsualLearner](https://x.com/UsualLearner)\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## 🙏 Acknowledgments\n\n- Design inspiration from [Frontend Mentor](https://www.frontendmentor.io)\n- Icons from Heroicons\n- GitHub API documentation and team\n\n---\n\n\u003cp align=\"center\"\u003eMade with ❤️ and React\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkeepserene%2Fgithub-user-search-site-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkeepserene%2Fgithub-user-search-site-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkeepserene%2Fgithub-user-search-site-react/lists"}