GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → guillaumebriday → Todolist Frontend Vuejs

guillaumebriday / Todolist Frontend Vuejs

Licence: mit
Front-end application for Todolist Web application built with Laravel and Vue.js

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

dockerwebpackvuejsvuexdocker-composevue-routeraxiostailwindcssspanetlifylazy-loadinghmr

Projects that are alternatives of or similar to Todolist Frontend Vuejs

Vue Spa
vue-spa ： vue + vue-router + axios + vuex + vux 快速成型移动端项目，直接使用。欢迎star
Stars: ✭ 46 (-61.67%)
Mutual labels:  webpack, axios, vuex, vue-router, spa
Vue2 Echo
基于vue2 + vue-router + vuex 构建的一个音乐类单页面应用 —— echo回声
Stars: ✭ 408 (+240%)
Mutual labels:  webpack, vuex, vue-router, spa
Vue Project
基于vue-cli构建的财务后台管理系统(vue2+vuex+axios+vue-router+element-ui+echarts+websocket+vue-i18n)
Stars: ✭ 301 (+150.83%)
Mutual labels:  webpack, axios, vuex, vue-router
Xyy Vue
🎨基于vue+vue-router+vuex+axios+webpack开发的个人Demo《Qu约》
Stars: ✭ 1,316 (+996.67%)
Mutual labels:  webpack, axios, vuex, vue-router
Putongoj Fe
The front end of the Putong Online Judge -- An online judge with nothing special
Stars: ✭ 74 (-38.33%)
Mutual labels:  webpack, axios, vuex, vue-router
Vue Home
🏠 A simple project(Vue Community SPA) which bases on vue+vue-cli+vue-router+axios+ scss.
Stars: ✭ 256 (+113.33%)
Mutual labels:  webpack, axios, vuex, vue-router
Egg Vue Webpack Boilerplate
Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 1,302 (+985%)
Mutual labels:  webpack, axios, vuex, vue-router
Vue Blog
🎉 基于vue全家桶 + element-ui 构建的一个后台管理集成解决方案
Stars: ✭ 208 (+73.33%)
Mutual labels:  webpack, axios, vuex, vue-router
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+507.5%)
Mutual labels:  webpack, axios, vuex, vue-router
Vuedemo sell eleme
ele by vue2.x 🐧
Stars: ✭ 1,349 (+1024.17%)
Mutual labels:  webpack, axios, vuex, vue-router
Vue2 Study
vue 的webpack配置,按需加载,element-ui,vuex
Stars: ✭ 16 (-86.67%)
Mutual labels:  webpack, axios, vuex, vue-router
vuetibook
Integrating Vue.js, Vuetify and Storybook
Stars: ✭ 16 (-86.67%)
Mutual labels:  spa, axios, vue-router, netlify
Vue Video
vue + vue-router + vuex + (fetch->axios)
Stars: ✭ 251 (+109.17%)
Mutual labels:  webpack, axios, vuex, vue-router
Vue Admin Design
基于vue + elementUI的管理系统模板
Stars: ✭ 279 (+132.5%)
Mutual labels:  webpack, axios, vuex, vue-router
Vue Cnode
🔥Vue.js打造一个开源的CNode社区。CNode by Vue.js
Stars: ✭ 249 (+107.5%)
Mutual labels:  webpack, axios, vuex, vue-router
Vue2 News
基于vue2 + vue-router + vuex 构建的一个新闻类单页面应用 —— 今日头条（移动端）
Stars: ✭ 462 (+285%)
Mutual labels:  webpack, vuex, vue-router, spa
Vue Shop
VUE移动小商城
Stars: ✭ 148 (+23.33%)
Mutual labels:  webpack, axios, vuex, vue-router
Vue Cnode
🚀 基于vue3 function-based 构建cnode社区
Stars: ✭ 192 (+60%)
Mutual labels:  webpack, axios, vuex, vue-router
Vue Admin Webapp
this is a admin project
Stars: ✭ 673 (+460.83%)
Mutual labels:  webpack, axios, vuex, vue-router
Vue Spa Project
vue.js + vuex + vue-router + fetch + element-ui + es6 + webpack + mock 纯前端SPA项目开发实践
Stars: ✭ 118 (-1.67%)
Mutual labels:  webpack, vuex, vue-router, spa
View All Similar Projects ➔

Todolist-frontend Application

Donate Netlify Status

Frontend for https://github.com/guillaumebriday/todolist-backend-laravel app, built for a serie of articles on my blog.

If you want to see this project with Nuxt.js I created the same application available here: todolist-frontend-nuxt.

The purpose of this repository is to consume API, provide by a Laravel Application, with the Vue.js JavaScript front-end framework.

Screenshot

Some of the tools used in this project

Installation

Development environment requirements :

Setting up your development environment on your local machine :

$ git clone https://github.com/guillaumebriday/todolist-frontend-vuejs.git
$ cd todolist-frontend-vuejs
$ cp .env.example .env
$ docker-compose run --rm node yarn
$ docker-compose run --service-ports --rm node yarn hot

Useful commands

Building the app :

$ docker-compose run --rm node yarn dev

# Or

$ docker-compose run --rm node yarn watch

# Or

$ docker-compose run --rm node yarn production

Running ESLint :

$ docker-compose run --rm node yarn lint

Running tests :

$ docker-compose run --rm node yarn test

Broadcasting & WebSockets

Before using WebSockets, you need to set the PUSHER_APP_KEY key in your .env file.

You could generate a key on https://pusher.com/.

Deploy in production

This application is hosted on Netlify and available on https://todolist.guillaumebriday.me/.

More details

More details are available on my blog post : https://guillaumebriday.fr/laravel-vuejs-faire-une-todo-list-partie-1-presentation-et-objectifs (French).

Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

License

This project is released under the MIT license.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].