Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tommyxchow/hatchet

A fast, modern, and simple web client for Hacker News.
https://github.com/tommyxchow/hatchet

hacker-news nextjs react reactjs tailwind tailwindcss tanstack-query tanstack-react-query typescript zod

Last synced: 14 days ago
JSON representation

A fast, modern, and simple web client for Hacker News.

Host: GitHub
URL: https://github.com/tommyxchow/hatchet
Owner: tommyxchow
License: mit
Created: 2023-07-29T04:23:39.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2024-07-20T10:56:55.000Z (4 months ago)
Last Synced: 2024-10-04T22:27:15.510Z (about 1 month ago)
Topics: hacker-news, nextjs, react, reactjs, tailwind, tailwindcss, tanstack-query, tanstack-react-query, typescript, zod
Language: TypeScript
Homepage: https://hatchetnews.vercel.app
Size: 1000 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 2
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # [hatchet](https://github.com/tommyxchow/next-template)

A fast, modern, and simple web client for Hacker News.

![Two screenshot of the home page with light mode on the left and dark mode on the right.](https://github.com/tommyxchow/hatchet/assets/54859075/c0bed8a8-4dec-4666-8e2a-3de6a3846f3c)

## Why

I've always enjoyed browsing [Hacker News](https://news.ycombinator.com/) but personally found the web client's UI/UX lacking (it's pretty much the same since launching in [2007](https://web.archive.org/web/20070221033032/https://news.ycombinator.com/)). Although I do like the nostalgic "old web" feeling, UI/UX and design patterns have grown a lot since then.

My goal was to create a web client that aims to "remaster" the Hacker News experience by maintaining its minimalistic nature while bringing in best practices in UI/UX and performance.

Also, I know the "redesign Hacker News" idea has been done a million times already, but I wanted to give my own try at it! Plus, it was a great opportunity for me to get familiar with the newer Next.js App Router and other packages.

## Stack

- [Next.js](https://nextjs.org/) (App Router)

- [TanStack Query](https://tanstack.com/query/latest)

- [next-themes](https://github.com/pacocoursey/next-themes)

- [Tailwind CSS](https://tailwindcss.com/) (with [Typography](https://tailwindcss.com/docs/typography-plugin) plugin)

- [tailwind-merge](https://github.com/dcastil/tailwind-merge)

- [zod](https://zod.dev/)

## License

hatchet is licensed under [MIT](LICENSE).