Angarsk8 / Loopa News
Licence: mit
Realtime social news app developed from scratch with Elixir, Phoenix, Vue and Vuex
Stars: ✭ 308
Programming Languages
javascript
184084 projects - #8 most used programming language
elixir
2628 projects
Projects that are alternatives of or similar to Loopa News
Realtime
Listen to your to PostgreSQL database in realtime via websockets. Built with Elixir.
Stars: ✭ 4,278 (+1288.96%)
Mutual labels: phoenix, realtime
Vue Socket.io Extended
✌️⚡️ Socket.io bindings for Vue.js and Vuex (inspired by Vue-Socket.io)
Stars: ✭ 506 (+64.29%)
Mutual labels: realtime, vuex
livebook
Automate code & data workflows with interactive Elixir notebooks
Stars: ✭ 3,402 (+1004.55%)
Mutual labels: phoenix, realtime
Vue Vben Admin
A modern vue admin. It is based on Vue3, vite and TypeScript. It's fast!
Stars: ✭ 8,036 (+2509.09%)
Mutual labels: vuex
Clearly
Clearly see and debug your celery cluster in real time!
Stars: ✭ 287 (-6.82%)
Mutual labels: realtime
Vue Testing Examples
Advanced testing with vuejs. When you need to go beyond Getting started section and see some real world example with everything that proper tests should have.
Stars: ✭ 288 (-6.49%)
Mutual labels: vuex
Yjs
Shared data types for building collaborative software
Stars: ✭ 5,894 (+1813.64%)
Mutual labels: realtime
Vue Project
基于vue-cli构建的财务后台管理系统(vue2+vuex+axios+vue-router+element-ui+echarts+websocket+vue-i18n)
Stars: ✭ 301 (-2.27%)
Mutual labels: vuex
Vue Kindergarten
Modular security for Vue, Vuex, Vue-Router and Nuxt
Stars: ✭ 303 (-1.62%)
Mutual labels: vuex
Markserv
🏁 serve markdown as html (GitHub style), index directories, live-reload as you edit
Stars: ✭ 304 (-1.3%)
Mutual labels: realtime
Paascloud Mall Web
模拟商城,完整的购物流程、后端运营平台,使用 spring cloud + vue 全家桶实现快速搭建企业级微服务项目
Stars: ✭ 287 (-6.82%)
Mutual labels: vuex
Roastandbrew
Updated content available! We learned a lot since we originally wrote this article. We now have this updated for Laravel 8, Vue, and NuxtJS 👉 https://srvrsi.de/book
Stars: ✭ 300 (-2.6%)
Mutual labels: vuex
Plugin Axios
Vuex ORM persistence plugin to sync the store against a RESTful API.
Stars: ✭ 304 (-1.3%)
Mutual labels: vuex
Yomo
🦖 Streaming-Serverless Framework for Low-latency Edge Computing applications, running atop QUIC protocol, engaging 5G technology.
Stars: ✭ 279 (-9.42%)
Mutual labels: realtime
Realtime App
Deploy a serverless realtime app built on AWS Lambda using Serverless Components.
Stars: ✭ 299 (-2.92%)
Mutual labels: realtime
Loopa News - Yet Another URL Sharing App ⚡
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.
Features
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:
- User Accounts (Sign Up, Sign In, Sign Out & Change Password)
- Authentication with JSON Web Tokens
- Reactive RESTful APIs [1]
- Realtime notifications & alerts
- Comments with Markdown support
- Edit comments with Markdown preview
- Pagination & many more...
[1] React to model changes from the controller and broadcast them to all the clients subscribed to a particular Phoenix channel.
Demo
Demo available here.
Setup
To start this application locally:
- Make sure you have installed Elixir, Erlang, Phoenix, Node and PostgreSQL
- Install the Mix dependencies:
$ mix deps.get
- Create, migrate and seed the development database:
$ mix ecto.setup
- Start the Phoenix Server:
$ mix phoenix.server
or$ iex -S mix phoenix.server
- Install the NPM packages
$ cd client/ && npm install
- Start the Express development server:
$ npm run dev
To build the frontend for production:
- In the client directory, run
$ npm run build
(this will execute thebuild/build.js
script and will copy the produced files to thepriv/static/js/
andpriv/static/css/
directories)
To deploy this application on Heroku:
- Follow this guide in the Phoenix website.
License
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].