vue-hn-clone

This app is a Vue.js-based clone of Hacker News.

Objective

It is helpful to have a go-to app for demoing new tools - this is mine. It's nice to have an app that is more than just a hello world, so I tried to create one that mirrors something usable to some degree.

Tech info

• Vue.js - The frontend web framework used to build the site
• HackerNews/API - Source of data
• Bulma (Specifically Buefy) - the CSS framework I've used

This app is far from an ideal architecture - it is currently all client-side rendered and re-pulls all data on page change. In the future I may add vuex so it doesn't query the API every single page change.

Ideally you would use server-side rendering like this example does (in fact, that app is all around better). But to make testing certain tools easier, being strictly client-side rendered is preferable.

Deployment requirements

You need to set the VUE_APP_ROLLOUT_KEY environment variable to your CloudBees SDK key.

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Run your unit tests

npm run test:unit

Customize configuration

See Configuration Reference.