This is a challenge for the Frontend application at Reign, the goal of the challenge is to build a small responsive web application to test the knowledge of Front End Development and related technologies.
The web application must request data to the Hackers News public API. The dropdown selector component should use the URL parameter “query” from the “search by date” API in order to filter the posts.
FUNCTIONALITY ● The selected filter should persist on the local storage ● The favorited posts should persist on the local storage ● The web app is expected to work as a responsive web application ● When clicking on the row, a new tab should be open with the link of the post (story_url) ● Clicking on the “like button” should not trigger the opening of the post URL link ● When hovering on the row, apply opacity to the entire row and its children (texts, icons, like button, etc)
Link to demo:
https://focused-lamarr-d78424.netlify.app/
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.