{"id":13365831,"url":"https://github.com/Angarsk8/Loopa-News","last_synced_at":"2025-03-12T17:32:11.030Z","repository":{"id":95822541,"uuid":"76485480","full_name":"Angarsk8/Loopa-News","owner":"Angarsk8","description":"Realtime social news app developed from scratch with Elixir, Phoenix, Vue and Vuex","archived":false,"fork":false,"pushed_at":"2017-01-30T06:58:03.000Z","size":46327,"stargazers_count":320,"open_issues_count":1,"forks_count":31,"subscribers_count":15,"default_branch":"master","last_synced_at":"2024-07-31T01:23:29.265Z","etag":null,"topics":["elixir","phoenix","realtime","vue","vuex"],"latest_commit_sha":null,"homepage":"https://loopa-news.herokuapp.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Angarsk8.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-12-14T18:20:09.000Z","updated_at":"2024-06-23T14:57:00.000Z","dependencies_parsed_at":null,"dependency_job_id":"d68059db-7ce8-4de5-a1af-ed3324accdcc","html_url":"https://github.com/Angarsk8/Loopa-News","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Angarsk8%2FLoopa-News","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Angarsk8%2FLoopa-News/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Angarsk8%2FLoopa-News/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Angarsk8%2FLoopa-News/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Angarsk8","download_url":"https://codeload.github.com/Angarsk8/Loopa-News/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221305496,"owners_count":16795146,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["elixir","phoenix","realtime","vue","vuex"],"created_at":"2024-07-30T00:01:14.913Z","updated_at":"2024-10-24T10:30:55.345Z","avatar_url":"https://github.com/Angarsk8.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","应用实例","Elixir"],"sub_categories":["Phoenix"],"readme":"# Loopa News - Yet Another URL Sharing App ⚡\n\n**Loopa News** is an open source social news app  (ala [Hacker News](https://news.ycombinator.com)) built from scratch with [Phoenix](http://www.phoenixframework.org/), [Vue](https://vuejs.org/), [Vue Router](https://github.com/vuejs/vue-router) and [Vuex](https://vuex.vuejs.org/en/intro.html). Inspired by [Microscope](https://github.com/DiscoverMeteor/Microscope), a popular tutorial app developed with [Meteor](https://www.meteor.com/).\n\n## Features\n\n**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 [**SPA**](https://en.wikipedia.org/wiki/Single-page_application)s. In this project you will find how to implement important features/services such as:\n\n* User Accounts (Sign Up, Sign In, Sign Out \u0026 Change Password)\n* Authentication with JSON Web Tokens\n* Reactive RESTful APIs [**1**]\n* Realtime notifications \u0026 alerts\n* Comments with Markdown support\n* Edit comments with Markdown preview\n* Pagination \u0026 many more...\n\n[**1**] React to model changes from the controller and broadcast them to all the clients subscribed to a particular Phoenix channel.\n\n## Demo\n\nDemo available [here](https://loopa-news.herokuapp.com/).\n\n![Demo GIF](DEMO.gif)\n\n## Setup\n\nTo start this application locally:\n\n* Make sure you have installed _Elixir_, _Erlang_, _Phoenix_, _Node_ and _PostgreSQL_\n* Install the Mix dependencies: `$ mix deps.get`\n* Create, migrate and seed the development database: `$ mix ecto.setup`\n* Start the Phoenix Server: `$ mix phoenix.server` or `$ iex -S mix phoenix.server`\n* Install the NPM packages `$ cd client/  \u0026\u0026 npm install`\n* Start the Express development server: `$ npm run dev`\n\nTo build the frontend for production:\n* In the client directory, run `$ 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)\n\nTo deploy this application on Heroku:\n* Follow this [guide](http://www.phoenixframework.org/docs/heroku) in the Phoenix website.\n\n## License\n\n[MIT](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAngarsk8%2FLoopa-News","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FAngarsk8%2FLoopa-News","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAngarsk8%2FLoopa-News/lists"}