Hello All,
first time poster and very recent Elixir/Phoenix/LiveView fan here.
I present to you: HNLive, a Phoenix/LiveView web app showing the top 10 (by score or number of comments) newest HackerNews stories in “real time”.
You should find the app running on https://hntop10.gigalixirapp.com - please note that this is running on the free tier with limited memory and resources.
GitHub: https://github.com/gstipi/hnlive
My motivation for building HNLive was twofold:
- I had read and heard many good things about Elixir, Phoenix and LiveView, and after watching Chris McCord`s demo “Build a real-time Twitter clone in 15 minutes with LiveView and Phoenix 1.5”, I finally said to myself: “That looks awesome, time to learn Elixir and Phoenix!” HNLive is the app I built over the last couple of days while on this learning journey, so don’t expect idiomatic or bug-free code - feel free to point out potential improvements!
- I love browsing HackerNews, but for me the selection of stories on the front page, the “newest” page and the “best” page is not ideal if I want to see at a glance which new stories (say, submitted over the course of the last 12 hours) have received the most upvotes or are discussed particularly controversially (as judged by the number of comments). HNLive attempts to address this using data from the HackerNews API to provide the top 10 submissions, sorted by score or number of comments, taking into account only the last 500 submissions. I also wanted to see updates to the top 10 (and scores and number of comments) in real time, which was made easy by using LiveView.
Or throw in something like Tailwind or UIKit micro css frameworks.
