gstipi
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.
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.
Where Next?
Trending in Discussions
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
We build reliable cloud platforms for business-critical systems.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixirconf-us
- #ai
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #metaprogramming
- #hex
- #security
Our Sponsors
Build Elixir applications with speed and confidence.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Master modern tools, write cleaner code, and tackle real-world challenges.
Bringing learning, work and compliance together since 1987.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 6- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
idi527
Sorry for being off-topic, but you might find https://hckrnews.com useful.
Julio
Thank you for this demo. It’s very nice to see the potential of LiveView in concrete use-cases and not only graphical demos.
josefrichter
That’s great! Good example how to get people interested in Elixir/Phoenix/LiveView!
Although next time ask me for help with the front-end design
Or throw in something like Tailwind or UIKit micro css frameworks.
Next step: sentiment analysis of the comments (to sort by “most heated” discussions) using python’s TextBlob TextBlob: Simplified Text Processing — TextBlob 0.19.0 documentation – any suggestions by more experienced colleagues how to plug this in? I assume very simple separate microservice via genserver or something? edit: here’s a repo of the sentiment analysis using twitter api, would be fairly easy to adapt: twitter_filter/6_flask at master · k2datascience/twitter_filter · GitHub
gstipi
Thanks for the suggestion, I’ll explore the idea of adding sentiment analysis!
I think I could do a simple version without relying on an external dependency or API, there are many word lists available for that purpose, e.g. AFINN-165.
For the front-end design, I will gladly take you up on the offer, it’s certainly not my forte
josefrichter
I just sent you a pull request
gstipi
Awesome, thank you very much! I really like the clean style and the Phoenix logo blends in perfectly!
I’ve merged the PR and deployed the new version to gigalixir.