Top 6 TypeScript hacker-news Projects
-
Project mention: clone of Hacker News written in TypeScript using Remix and React | reddit.com/r/programming | 2022-02-18
-
Project mention: Show HN: Reader Mode that shows Hacker News comments inline | news.ycombinator.com | 2022-06-18
Hey! This is a reader mode browser extension I built that hides noisy page elements rather than extracting and re-rendering only the page text. The idea is to not make all articles look the same [0], have them still render graphs, and ideally to work in more cases.
There are a few "tricks": patching the site CSSOM to apply simpler mobile styles even at desktop width, detecting the likely main text & removing its non-text siblings, blocklists for classnames that contain words like "sidebar", and testing this on a few hundred popular sites.
I got carried away and also added a dark mode, page outlines, private annotations & inline Hacker News comments.
The last feature works by parsing every top-level HN comment with a quote in it (formatted with > or "") within a few minutes, and anchoring these quotes in the related article HTML. So when you click a link on HN you’ll see the parts people are talking about while reading. [1]
The code is all on GitHub!
[0] Screenshots comparing it to the Firefox reader mode: https://github.com/lindylearn/unclutter/blob/main/docs/compa...
[1] It's fun to try this on some of the "HN classics" that got 30+ quote comments over the years. The list at hn.lindylearn.io/best shows the number of “annotations” an article has beneath its title.
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
-
Project mention: hckrnws - a cleaner frontend for hackernews | reddit.com/r/SideProject | 2022-01-02
Open source repo -> https://github.com/rajatkulkarni95/hckrnws
-
Project mention: What's a program you made that you actually use regularly? | reddit.com/r/learnprogramming | 2021-08-28
I made https://github.com/mrbasel/hn-reader which I use to browse HN on my phone.
-
Project mention: Get notified on Discord when your blog is mentioned on Hacker News | reddit.com/r/SideProject | 2021-10-30
TypeScript hacker-news related posts
- Show HN: Reader Mode that shows Hacker News comments inline
- Show HN: Unclutter – New Reader Mode Extension with Inline Hacker News Comments
- Uncluttering web articles using CSS animations
- hckrnws - a cleaner frontend for hackernews
- Refined Hacker News
- Show HN: Browse HN Comments by Timestamp
- Project ideas for beginners to develop a portfolio?
Index
What are some of the best open-source hacker-news projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | hackernews-remix-react | 430 |
2 | unclutter | 274 |
3 | hnpwa-api | 60 |
4 | hckrnws | 27 |
5 | hn-reader | 3 |
6 | hn-notifier | 0 |
Are you hiring? Post a new remote job listing for free.