/hn-search

This is a web app made using React.js for the frontend and the HN Search API to fetch the queries.

Primary LanguageJavaScript

HN-Search

HN-Search.siiddhantt.mp4

Screenshots

2022-05-18_22-10

2022-05-18_22-14

2022-05-18_22-15

Responsive

Video

https://drive.google.com/file/d/1d8DLUcps9H9wH-zIcuklAn0mUpfi0kXZ/view?usp=sharing

Features

  • HN Search provides real-time full-text search for the HackerNews community site.
  • Fully responsive and works even in mobile devices.
  • Personalised landing page.
  • Progress bar implemented to show the ongoing API request.
  • Article page shows the title of the article, the points and all the comments.

Frameworks used

  • React.js
  • Tailwind CSS
  • Material UI

APIs used

  • http://hn.algolia.com/api/v1/search?query=${query}

  • http://hn.algolia.com/api/v1/items/${content_id}

Installation

1.) Fork the repository and clone it. 2.) Node.js should be installed on the system. 3.) After cloning the repository run command npm install. 4.) Start the app using npm start command.