Hacker News Search

Hacker News Search is a project that I put together after learning the basics of React. The application is a clone from a social news website that lets the users search the latest news about technology and computer science. The API provided by Hacker News is very simple and easy to use without any token, which facilitates experimentation.

Project purpose and goal

I started this project with one purpose in mind: to apply the concepts I learned from React. Trying to clone a website, I also put myself to the test in handling an API and implementing an UI that's very similar.

I also wanted to familiarize myself with class and functional React components and its lifecycle.

Spotlight

The most complex part of this project was the pagination of the results. This required handling multiple states depending on the selected page and the number of total pages. In the future, I'll try to revise my solution to pagination to be more maintainable and simple.

Lessons learned

This project helped me to practice a lot of my React knowledge, such as lifting state or using the lifecycle methods of a class component. On the other hand, this project suffers from the lack of code structure which I am more aware nowadays when building a React application.