https://github.com/nx-js/hackernews-example

An NX Hacker News clone with real-time updates and animations.
https://github.com/nx-js/hackernews-example

es6 frontend hacker-news javascript webcomponents webpack

Last synced: 5 days ago
JSON representation

An NX Hacker News clone with real-time updates and animations.

• Host: GitHub
• URL: https://github.com/nx-js/hackernews-example
• Owner: nx-js
• License: mit
• Created: 2016-10-18T18:38:33.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-02-10T20:07:09.000Z (almost 8 years ago)
• Last Synced: 2024-03-25T20:40:58.833Z (8 months ago)
• Topics: es6, frontend, hacker-news, javascript, webcomponents, webpack
• Language: JavaScript
• Homepage: http://www.nx-framework.com/
• Size: 204 KB
• Stars: 56
• Watchers: 5
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Hacker News example

[Live demo](https://nx-js.github.io/hackernews-example/)

A Hacker News clone built with [NX](http://nx-framework.com), which

features client-side routing, real-time updates and animations.

## Usage

Clone the repo and run `npm i` and `npm start`. The `npm start` command bundles

the source and starts a local server. The demo is exposed on `localhost:3000`.

## Project structure

The project is structured in the following way.

  - The [src](/src) folder includes the API and the components of the app.

  - The source is bundled with [Webpack](https://webpack.github.io/). You can find the

    webpack config in [src](/webpack.config.js).

  - [bundle.js](/bundle.js) is the app's source and NX - bundled together by webpack.

  - [index.html](/index.html) imports the bundled source script and has a single

    `` component in its body, which is the root component.

  - [server.js](/server.js) is only used for local testing, as the page is hosted on

    Github Pages. It serves as a simple server example for single page applications.