https://github.com/ethiel97/realtime_map
A realtime map built with Vue.js, Leaflet and Pusher Channels.
https://github.com/ethiel97/realtime_map
Last synced: about 2 months ago
JSON representation
A realtime map built with Vue.js, Leaflet and Pusher Channels.
- Host: GitHub
- URL: https://github.com/ethiel97/realtime_map
- Owner: Ethiel97
- Created: 2018-12-13T02:32:03.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-12-17T18:28:11.000Z (over 6 years ago)
- Last Synced: 2025-03-12T17:22:26.441Z (3 months ago)
- Language: JavaScript
- Size: 1020 KB
- Stars: 5
- Watchers: 3
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Realtime search feature with Pusher.
A realtime map built with Vue, Leaflet and Pusher Channels
## 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-map-lealfet-vue-adonis) 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
* [Leaflet](https://leafletjs.com/) - A JS library for mobile-friendly interactive maps
* [Axios](https://vuejs.org/) - A Js library to handle ajax requests easily