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:
- Enable GitHub Pages in your repository settings
- Select the main branch as the source
- Your HackerNewsDeck will be available at
https://[username].github.io/HackerNewsDeck/
Adding Columns
- Click the "+ Add Column" button in the header
- 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