Building a Hacker News API React App with Vite, React, Chakra UI and various other web technologies.

Check out the live demo here.

• Search for stories, Search field on top
• List of results below the search field
• Entering a query in the search field will trigger a search request to the Hacker News Algolia API
• Upon receiving the results from the API, the list of results will be populated

• Upon clicking a search result, it takes the user to the post detail screen
• Dedicated page to view searched posts in a beautiful UI

  Post detail screen features

  • View post title
  • View post points
  • View post comments

• Vite to create a React app
• Chakra UI for styling beautiful UI/UX
• Hacker News API to fetch data
• Axios to fetch data
• React Router to navigate between pages
• React Hooks to manage state
• Structured the project in a manner that it is easy to scale and maintain
• Separate dedicated section for tasks such as fetching data, styling, etc.
• DRY (Don't Repeat Yourself) approach to avoid repetition of code
• Implemented a modular architecture to make the code more readable and maintainable
• various other minor and minute details are taken care of to make the app more user friendly and easy to use as well as maintain and scale in the future