An open API service indexing awesome lists of open source software.

https://github.com/ethiel97/realtime_search_adonis_pusher

A realtime search feature with Adonis, Vue and Pusher
https://github.com/ethiel97/realtime_search_adonis_pusher

adonisjs axios nodejs pusher-channels pusher-js real-time rest-api vuejs vuex

Last synced: about 2 months ago
JSON representation

A realtime search feature with Adonis, Vue and Pusher

Awesome Lists containing this project

README

        

## Realtime search feature with Pusher.

A realtime search feature with Adonis using Pusher for realtime stuff

![application screenshot](public/images/demo.gif "Realtime search feature with Adonis and Pusher")

## 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`
6. Execute `npm run asset-dev` to build project assets
7. Execute `adonis serve --dev` to run the project in your browser
8. See the [tutorial](https://pusher.com/tutorials/build-realtime-search-adonis-js-vue-js-pusher) for useful notes

### 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