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.

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:

   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.