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

https://github.com/ethiel97/realtime_todo

This is a realtime todo app built with Laravel,Vue.js and Pusher channels
https://github.com/ethiel97/realtime_todo

axios laravel pusher-channels realtime-todo vue vue-components vuex

Last synced: about 2 months ago
JSON representation

This is a realtime todo app built with Laravel,Vue.js and Pusher channels

Awesome Lists containing this project

README

        

## A realtime todo app built with Laravel,Vue.js and Pusher.

A realtime todo app built with Laravel,Vue.js and Pusher

![application screenshot](public/img/realtime_todo.gif "A realtime todo app built with Laravel,Vue.js and Pusher
")

## Getting Started
Make sure you have `npm` and `composer` on your local machine

1. Clone this repository and cd into it
2. Run `composer install` and `npm install` to download laravel dependencies
3. Run `php artisan key:generate` to generate a key for the app
4. Set up your [pusher account](https://dashboard.pusher.com/accounts/sign_up)
5. Set up your database in your `.env`
6. Run `php artisan migrate` to build your database with tables
7. Execute `npm run dev` to build project assets
8. Execute `php artisan serve` to run the project in your browser
9. See the [tutorial](https://pusher.com/tutorials/todo-vue-laravel) for useful notes

### Prerequisites

* Laravel
* Vue
* Vuex
* npm
* Pusher account

## Built With

* [Pusher channels](https://pusher.com/channels) - Pusher Channels
* [Laravel](https://laravel.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