Awesome
<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
./distdirectory.
- 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.