https://github.com/anwesha2002/hacker_news
This repository contains a web application that utilizes the Hacker News API to display top stories, allows users to search for news, and fetches comments on clicking a particular news item.
https://github.com/anwesha2002/hacker_news
hacker-news-api react react-bootstrap react-bootstrap-components react-router-dom
Last synced: 4 months ago
JSON representation
This repository contains a web application that utilizes the Hacker News API to display top stories, allows users to search for news, and fetches comments on clicking a particular news item.
- Host: GitHub
- URL: https://github.com/anwesha2002/hacker_news
- Owner: anwesha2002
- Created: 2023-12-18T22:23:23.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-19T19:37:42.000Z (over 1 year ago)
- Last Synced: 2025-03-05T08:18:43.344Z (4 months ago)
- Topics: hacker-news-api, react, react-bootstrap, react-bootstrap-components, react-router-dom
- Language: TypeScript
- Homepage: https://hacker-news-unitylabs-anwesha2002.vercel.app/
- Size: 64.5 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Hacker_News_Unitylabs
This repository contains a web application that utilizes the Hacker News API to display top stories, allows users to search for news, and fetches comments on clicking a particular news item.
## Features
- View top stories from Hacker News.
- Search for news based on keywords.
- Fetch and display comments for a specific news item.
## Technologies Used
- React for building the user interface.
- Hacker News API for fetching news and comments.
- React-bootstrap from responsive design
## Installation and Setup
1. Clone the repository to your local machine:
```bash
git clone https://github.com/anwesha2002/Hacker_News_Unitylabs.git
2.Navigate to the project directory:
cd Hacker_News_Unitylabs
3.Install dependencies:
npm install
4.Run the application:
npm start
## Usage
- The home page displays the top stories from Hacker News.
- Use the search bar to search for news based on keywords.
- Click on a news item to view its details and fetch comments.
## Files
- src/Pages/Home.tsx : Page to display top stories.
- src/Pages/postDetail.tsx: Page to display news details and comments.
- src/App.tsx: Main application component.