carlosazaustre / Vue Trello
Licence: mit
Trello clone with Vue.js for educational purposes
Stars: ✭ 185
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Vue Trello
Meal Prep
Source code for a 4-part series I wrote about Vue, Vue Router, Vuex and Vuetify
Stars: ✭ 496 (+168.11%)
Mutual labels: firebase, firebase-database, vuex
Todo Vue
Code for YouTube series on building a Todo App in Vue.js
Stars: ✭ 199 (+7.57%)
Mutual labels: firebase, vuex, vuejs2
Vue Pomo
A progressive web app for the Pomodoro Technique, built with Vue 2.0, Vuex and Firebase.
Stars: ✭ 51 (-72.43%)
Mutual labels: firebase, vuex, vuejs2
Vuejs Firebase Shopping Cart
Shopping cart demo using Vuejs and Firebase
Stars: ✭ 274 (+48.11%)
Mutual labels: firebase, firebase-database, vuejs2
Vue Memo
Using Vue.js for memo web App. webpack, vuex, vue-router, Firebase.
Stars: ✭ 88 (-52.43%)
Mutual labels: firebase, vuex, vuejs2
React Firebase Hooks
React Hooks for Firebase.
Stars: ✭ 2,227 (+1103.78%)
Mutual labels: firebase, firebase-database
Vue 2 Webpack 4 Boilerplate
Ready to use Vue 2+ project with webpack 4 configuration for development and production
Stars: ✭ 142 (-23.24%)
Mutual labels: vuex, vuejs2
Vuex Namespaced Module Structure
📈 A Vue.js project powered by Vuex namespaced modules in a simple structure based on Large-scale Vuex application structures
Stars: ✭ 146 (-21.08%)
Mutual labels: vuex, vuejs2
Jsonapi Vuex
Use a JSONAPI api with a Vuex store, with data restructuring/normalization.
Stars: ✭ 123 (-33.51%)
Mutual labels: vuex, vuejs2
Vue Soundcloud
🎧 A SoundCloud client built with Vue and Nuxt
Stars: ✭ 141 (-23.78%)
Mutual labels: vuex, vuejs2
Vuejsssrsample
ASP.NET Core Vue.js server-side rendering sample:
Stars: ✭ 146 (-21.08%)
Mutual labels: vuex, vuejs2
Petshop
Pet Shop is an e-commerce application for Android built with Flutter (iOS to come soon).
Stars: ✭ 127 (-31.35%)
Mutual labels: firebase, firebase-database
Basix Admin
Get Free and Premium Vue.js Bootstrap v4 Admin Dashboard Templates
Stars: ✭ 138 (-25.41%)
Mutual labels: vuex, vuejs2
Quickstart Cpp
Firebase Quickstart Samples for C++
Stars: ✭ 123 (-33.51%)
Mutual labels: firebase, firebase-database
Space
A real time chat app for developers built using React, Redux, Electron and Firebase
Stars: ✭ 161 (-12.97%)
Mutual labels: firebase, firebase-database
Vuetify Todo Pwa
✔️ A simple Todo PWA built with Vue CLI 3 + Vuex + Vuetify.
Stars: ✭ 160 (-13.51%)
Mutual labels: vuex, vuejs2
Vue Supply
Create resources that can automatically be activated and deactivated when used (like subscriptions)
Stars: ✭ 162 (-12.43%)
Mutual labels: vuex, vuejs2
vue-trello
Trello clone with Vue and Vuex
Features
- Vue.js v2
- Vuex v2
- Handle state with actions and mutations (Vuex)
- Getters to manage partial state in Components
- Scoped styles with Sass/SCSS
- User can create multiple boards, lists and tasks
- Vue-Router to show different boards
- Persistence with Firebase
Next steps
- User authentication
- Create Vuex modules when the app grow with new features
- Lazy loading modules in Vuex and Route based components
Configure
Create a new project on Firebase Console and then create a web app and copy the configuration object.
Rename src/firebase/settings.js.sample to src/firebase/settings.js and paste it the firebase configuration project.
Open .firebaserc file and change the value of default project for your just created firebase project.
Build Setup
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
For detailed explanation on how things work, checkout the guide and docs for vue-loader.
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].