{"id":24508307,"url":"https://github.com/hemants1703/hacker-news-api-react-app","last_synced_at":"2026-04-13T20:02:34.591Z","repository":{"id":202765074,"uuid":"708026375","full_name":"hemants1703/hacker-news-API-react-app","owner":"hemants1703","description":"Hacker News App that displays search results from the Hacker News Algolia API","archived":false,"fork":false,"pushed_at":"2025-03-23T19:21:26.000Z","size":115,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-03T14:42:28.157Z","etag":null,"topics":["api","api-rest","hacker-news","react","react-router","reactjs","vite","vitejs"],"latest_commit_sha":null,"homepage":"https://hn-explorer.hemantsharma.tech/","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/hemants1703.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,"zenodo":null}},"created_at":"2023-10-21T09:52:00.000Z","updated_at":"2025-03-23T19:21:30.000Z","dependencies_parsed_at":null,"dependency_job_id":"45973fb3-e28b-4b32-8648-4f847774e236","html_url":"https://github.com/hemants1703/hacker-news-API-react-app","commit_stats":null,"previous_names":["hemants1703/hacker-news-api-react-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/hemants1703/hacker-news-API-react-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hemants1703%2Fhacker-news-API-react-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hemants1703%2Fhacker-news-API-react-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hemants1703%2Fhacker-news-API-react-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hemants1703%2Fhacker-news-API-react-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hemants1703","download_url":"https://codeload.github.com/hemants1703/hacker-news-API-react-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hemants1703%2Fhacker-news-API-react-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31768649,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T15:25:13.801Z","status":"ssl_error","status_checked_at":"2026-04-13T15:25:09.162Z","response_time":93,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["api","api-rest","hacker-news","react","react-router","reactjs","vite","vitejs"],"created_at":"2025-01-22T00:15:24.323Z","updated_at":"2026-04-13T20:02:34.586Z","avatar_url":"https://github.com/hemants1703.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Hacker News API React App\n\n[![React](https://img.shields.io/badge/React-18.2.0-blue.svg)](https://reactjs.org/)\n[![Vite](https://img.shields.io/badge/Vite-4.4.5-646CFF.svg)](https://vitejs.dev/)\n[![Chakra UI](https://img.shields.io/badge/Chakra_UI-2.8.1-319795.svg)](https://chakra-ui.com/)\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n\nA modern, responsive Hacker News client built with React, Vite, and Chakra UI. Search and browse Hacker News stories with a clean, intuitive interface.\n\n![Hacker News API React App](https://res.cloudinary.com/dej4ks4wd/image/upload/v1742751980/Screenshot_2025-03-23_at_11.16.13_PM_qhpqsx.png)\n\n## 🚀 Live Demo\n\nCheck out the live demo [here](https://hacker-news-api-react-app.vercel.app/)\n\n## ✨ Features\n\n### Home Screen\n- 🔍 Search for stories with a prominent search field\n- 📋 View search results in a clean, organized list\n- ⚡ Real-time search results using the Hacker News Algolia API\n- 🎨 Sleek UI with responsive design\n\n### Post Detail Screen\n- 📰 View comprehensive post details\n- 👍 See points/votes for each post\n- 💬 Browse all comments with nested threading\n- 👤 View author information with links to profiles\n\n## 🛠️ Technologies Used\n\n- **[Vite](https://vitejs.dev/)** - Fast, modern frontend build tool\n- **[React](https://reactjs.org/)** - UI component library\n- **[Chakra UI](https://chakra-ui.com/)** - Component library for beautiful UI/UX\n- **[Hacker News API](https://github.com/HackerNews/API)** - Data source\n- **[Axios](https://axios-http.com/)** - HTTP client for API requests\n- **[React Router](https://reactrouter.com/)** - For navigation between pages\n- **[React Hooks](https://reactjs.org/docs/hooks-intro.html)** - For state management\n\n## 📋 Development Approach\n\n- Modular architecture for maintainability and code organization\n- Separate services for data fetching logic\n- Consistent theme using Chakra UI's theming system\n- DRY (Don't Repeat Yourself) approach to reduce code duplication\n- Responsive design that works on mobile, tablet, and desktop\n- Optimized for performance with efficient rendering\n\n## 🚀 Getting Started\n\n### Prerequisites\n\n- Node.js (v14 or higher)\n- npm or yarn\n\n### Installation\n\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/hemants1703/hacker-news-API-react-app.git\n   cd hacker-news-API-react-app\n    ```\n2. Install dependencies:\n    ```bash\n    pnpm install\n    ```\n3. Start the development server:\n    ```bash\n    pnpm run dev\n    ```\n4. Open [http://localhost:3000](http://localhost:3000) in your browser\n\n## Contributing\n\nContributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n## Connect with Me 🤝\n\nIf you have any questions or just want to chat, feel free to reach out to me!\n![X (formerly Twitter) Follow](https://img.shields.io/twitter/follow/hemants1703)\n[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/in/hemants1703/)\n\n## 📝 License\n\nThis project is open source and available under the [MIT License](https://opensource.org/licenses/MIT).\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhemants1703%2Fhacker-news-api-react-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhemants1703%2Fhacker-news-api-react-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhemants1703%2Fhacker-news-api-react-app/lists"}