Aurelia hacker news
A recreation of the Hacker News website written in TypeScript and built with Aurelia.
A recreation of the Hacker News website written in TypeScript and built with Aurelia. The project is written primarily in TypeScript, distributed under the ISC License license, first published in 2016. Key topics include: aurelia, firebase, hacker-news, hackernews, hackernews-clone.
<p align="center">
<a href="#readme">
<img
src="https://raw.githubusercontent.com/michaelbull/aurelia-hacker-news/master/assets/logo.svg?sanitize=true"
alt="Aurelia Hacker News"
width="400"
height="200"
/>
</a>
</p>
<p align="center">
A recreation of the <a href="https://news.ycombinator.com/news" rel="nofollow">Hacker News</a> website written in <a href="https://www.typescriptlang.org/" rel="nofollow">TypeScript</a> and built with <a href="https://aurelia.io/" rel="nofollow">Aurelia</a>.
</p>
<p align="center">
<a href="https://michaelbull.github.io/aurelia-hacker-news" rel="nofollow"><strong>Demo</strong></a>
</p>
<p align="center">
<a href="https://github.com/michaelbull/aurelia-hacker-news/actions?query=workflow%3Aci" title="ci status" rel="nofollow"><img src="https://github.com/michaelbull/aurelia-hacker-news/workflows/ci/badge.svg"/></a> <a href="https://david-dm.org/michaelbull/aurelia-hacker-news" title="dependencies status" rel="nofollow"><img src="https://david-dm.org/michaelbull/aurelia-hacker-news/status.svg"/></a> <a href="https://david-dm.org/michaelbull/aurelia-hacker-news?type=dev" title="devDependencies status" rel="nofollow"><img src="https://david-dm.org/michaelbull/aurelia-hacker-news/dev-status.svg"/></a>
</p>
<p align="center">
<a href="https://michaelbull.github.io/aurelia-hacker-news">
<img
src="https://raw.githubusercontent.com/michaelbull/aurelia-hacker-news/master/assets/preview.png"
alt="Preview"
width="888"
height="600"
/>
</a>
</p>
<br />
<br />
Features
- News list with filters for the
top/newest/best stories. - Topic view with collapsible comment threads.
- Responsive design for tablet and mobile platforms.
- User profile pages.
- Improved pagination.
Components
- Webpack as the build system.
- Aurelia as the client framework.
- TypeScript as the primary programming language.
- Sassy CSS as the stylesheet language, following the 7-1 pattern
and the “Block Element Modifier” methodology. - Firebase as a data store for the Hacker News API.
Building
The following scripts are configured to run via npm:
npm start- Runs the webpack-dev-server at
http://localhost:8080
- Runs the webpack-dev-server at
npm run build- Builds the production distribution and places it under the
./dist
directory.
- Builds the production distribution and places it under the
npm run clean- Cleans the
./distdirectory.
- Cleans the
Contributing
Bug reports and pull requests are welcome on GitHub.
License
This project is available under the terms of the ISC license. See the
LICENSE file for the copyright information and licensing terms.
Contributors
Showing top 2 contributors by commit count.
This article is auto-generated from michaelbull/aurelia-hacker-news via the GitHub API.Last fetched: 6/25/2026
