GitHub

A TweetDeck-like interface for HackerNews, allowing you to track multiple feeds in a column-based layout.

Features

  • Multiple Column Types: Top Stories, New Stories, Best Stories, Ask HN, Show HN, Jobs, and User Comments
  • Drag & Drop: Reorder columns by dragging them
  • Add/Remove Columns: Easily customize your layout
  • Auto-Refresh: Columns automatically update every 60 seconds
  • User Comments: Track comments from specific HackerNews users
  • Client-Side Only: Works entirely in the browser using the HackerNews API
  • Persistent Layout: Your column configuration is saved in localStorage

Usage

Simply open index.html in a web browser. For GitHub Pages hosting:

  1. Enable GitHub Pages in your repository settings
  2. Select the main branch as the source
  3. Your HackerNewsDeck will be available at https://[username].github.io/HackerNewsDeck/

Adding Columns

  1. Click the "+ Add Column" button in the header
  2. Select the type of column you want to add:
    • Top Stories: Most upvoted stories currently
    • New Stories: Latest submissions
    • Best Stories: Best stories from the HN algorithm
    • Ask HN: Questions posted to HackerNews
    • Show HN: Projects and creations shared on HN
    • Jobs: Job postings
    • User Comments: Comments from a specific user (enter username when prompted)

Reordering Columns

Click and drag a column by its header to move it to a new position.

Removing Columns

Click the "×" button in the column header to remove it.

Refreshing Data

  • Columns automatically refresh every 60 seconds
  • Click the "↻" button in any column header to manually refresh that column

Technical Details

  • Built with vanilla JavaScript (no frameworks required)
  • Uses the HackerNews Firebase API
  • Responsive design optimized for desktop browsers
  • Data persistence via localStorage

License

Apache License 2.0

Read the original on github.com ↗