https://github.com/ethiel97/comments-adonis-pusher
A live comment system with Adonis.js , Vue.js and Pusher
https://github.com/ethiel97/comments-adonis-pusher
adonisjs axios javascript momentjs pusher-channels rest-api vuejs vuex
Last synced: 11 months ago
JSON representation
A live comment system with Adonis.js , Vue.js and Pusher
- Host: GitHub
- URL: https://github.com/ethiel97/comments-adonis-pusher
- Owner: Ethiel97
- Created: 2018-09-28T05:28:34.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-12-12T16:11:13.000Z (over 7 years ago)
- Last Synced: 2025-07-28T23:03:46.268Z (11 months ago)
- Topics: adonisjs, axios, javascript, momentjs, pusher-channels, rest-api, vuejs, vuex
- Language: JavaScript
- Size: 942 KB
- Stars: 12
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Realtime search feature with Pusher.
A live commenting system with Adonis.js, Vue.js using Pusher for realtime stuff
## Getting Started
Make sure you have `npm` and `yarn` on your local machine
1. Clone this repository and cd into it
2. Run `yarn` or `npm install` to download dependencies
3. Set up your [pusher account](https://dashboard.pusher.com/accounts/sign_up)
4. Set up your database in your `.env` file and run php `adonis migration:run`
5. Execute `npm run asset-dev` to build project assets
6. Execute `adonis serve --dev` to run the project in your browser
7. See the [tutorial](https://pusher.com/tutorials/live-commenting-adonis-vue) for useful notes
## Extra
For a quick overview of Pusher Channels with Adonis, refer to this [useful tutorial](https://pusher.com/tutorials/pusher-channels-adonis)
### Prerequisites
* Adonis
* Vue
* Vuex
* npm or Yarn
* Pusher account
## Built With
* [Pusher channels](https://pusher.com/channels) - Pusher Channels
* [Adonis](https://adonisjs.com/) - Beautiful Php framework
* [Vue](https://vuejs.org/) - A Great reactive Js framework
* [Vuex](https://vuejs.org/) - Vuejs state management made simple
* [Bootstrap](https://getbootstrap.com) - A beautiful Css framework
* [Axios](https://vuejs.org/) - A Js library to handle ajax requests easily
##Acknowledgments
[Saqueib Ansari tutorial](https://www.qcode.in/getting-started-vue-js-making-comment-app/) - Inspiring and useful article