A modern, responsive Hacker News client built with React, Vite, and Chakra UI. Search and browse Hacker News stories with a clean, intuitive interface.
Check out the live demo here
- 🔍 Search for stories with a prominent search field
- 📋 View search results in a clean, organized list
- ⚡ Real-time search results using the Hacker News Algolia API
- 🎨 Sleek UI with responsive design
- 📰 View comprehensive post details
- 👍 See points/votes for each post
- 💬 Browse all comments with nested threading
- 👤 View author information with links to profiles
- Vite - Fast, modern frontend build tool
- React - UI component library
- Chakra UI - Component library for beautiful UI/UX
- Hacker News API - Data source
- Axios - HTTP client for API requests
- React Router - For navigation between pages
- React Hooks - For state management
- Modular architecture for maintainability and code organization
- Separate services for data fetching logic
- Consistent theme using Chakra UI's theming system
- DRY (Don't Repeat Yourself) approach to reduce code duplication
- Responsive design that works on mobile, tablet, and desktop
- Optimized for performance with efficient rendering
- Node.js (v14 or higher)
- npm or yarn
- Clone the repository:
git clone https://github.com/hemants1703/hacker-news-API-react-app.git cd hacker-news-API-react-app - Install dependencies:
pnpm install
- Start the development server:
pnpm run dev
- Open http://localhost:3000 in your browser
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
If you have any questions or just want to chat, feel free to reach out to me!
This project is open source and available under the MIT License.