NewsNook

nesting hacker news in a more meaningful way

a Next.js news headlines list-er and narrow-downer for Hacker News

Forewords

Wanted to gather worldly (and wordy) news in a cleaner way, so I took this "original":

and matched it up with my own layout:

Some may want the former, while I made the latter? Why? Well...

Hallmarks

This web work has:

• a "home page" that shows the latest news with a more "roomy" feel

• an "omni search page" that narrows down news by

  • keywords

  • points ("votes") threshold

  • day ("from" and "to")

• a "configuration page"

  • uses "cookies" to hold:

    • nooks ("topic filters") in the home page

    • points ("votes") threshold

So, it not only "looks good" but also does some "work" with the news ;)

• a full screen "menu"

• a light / dark / "system" layout

This web work makes note of:

• front-end:
  • Next.js
  • Tailwind CSS
• back-end:
  • Hacker News API

Runtimes

Run the build on either:

newsnook.joncoded.com

or

newsnook.vercel.app

Setup

Truly, there isn't much to it ... go run these in "Terminal":

$ git clone https://github.com/jonchius/newsnook.git
$ npm install
$ npm run dev

Then, hack at will...

Thanks

• Hacker News API for the news