Loopa News is an open source social news app (ala Hacker News) built from scratch with Phoenix, Vue, Vue Router and Vuex. Inspired by Microscope, a popular tutorial app developed with Meteor.
Loopa News is basically a realtime URL sharing app that pretends to serve as a mid size example to learn how to build modern reactive SPAs. In this project you will find how to implement important features/services such as:
[1] React to model changes from the controller and broadcast them to all the clients subscribed to a particular Phoenix channel.
Demo available here.
To start this application locally:
$ mix deps.get
$ mix ecto.setup
$ mix phoenix.server
or $ iex -S mix phoenix.server
$ cd client/ && npm install
$ npm run dev
To build the frontend for production:
$ npm run build
(this will execute the build/build.js
script and will copy the produced files to the priv/static/js/
and priv/static/css/
directories)To deploy this application on Heroku:
Author: Angarsk8
Source: https://github.com/Angarsk8/loopa-news
License: MIT license