A more simplified rendition of my own kanban board, which i use to track stuff when i'm working on something

Overview

My Kanban Board

A more simplified rendition of my own kanban board, which i use to track stuff when i'm working on something .

Tech used in the making :

nuxtjs vuejs vuetifyjs Firestore

Demo

demo kanban board

How To Use

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

Firebase Project Config

Config File location :

πŸ“¦ firebase-config
┣ πŸ“œ config.js
β”— πŸ“œ firestore.js

Copy/Paste your config from the firebase console into the config.js file :

var firebaseConfig = {
  apiKey: 'XXXXXXXXXXXXXX',
  authDomain: 'XXXXXXXXXXXXXX',
  projectId: 'XXXXXXXXXXXXXX',
  storageBucket: 'XXXXXXXXXXXXXX',
  messagingSenderId: 'XXXXXXXXXXXXXX',
  appId: 'XXXXXXXXXXXXXX',
  measurementId: 'XXXXXXXXXXXXXX',
}

Heresy warning :

The Code :

Iam aware of my unconventional approach to using firebase config this way , so please feel free to use it how you normally would in your projects .
The quality of the code isn't amazing nor it is great , I'm still polishing my js skills.

The App :

It's not mobile friendly.

Contact

you can contact me at [email protected] or via my portfolio

License

My Kanban Board released under the MIT License.

Made with πŸ–€ by ZTF - N.EA | 2022

Issues
  • fix(deps): bump firebase from 9.6.1 to 9.6.3

    fix(deps): bump firebase from 9.6.1 to 9.6.3

    Bumps firebase from 9.6.1 to 9.6.3.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 3
  • fix(deps): bump firebase from 9.6.1 to 9.6.2

    fix(deps): bump firebase from 9.6.1 to 9.6.2

    Bumps firebase from 9.6.1 to 9.6.2.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 1
  • fix(deps): bump core-js from 3.20.2 to 3.20.3

    fix(deps): bump core-js from 3.20.2 to 3.20.3

    Bumps core-js from 3.20.2 to 3.20.3.

    Changelog

    Sourced from core-js's changelog.

    3.20.3 - 2022.01.15
    • Detects and replaces broken third-party Function#bind polyfills, uses only native Function#bind in the internals
    • structuredClone should throw an error if no arguments passed
    • Changed the structure of notes in __core-js_shared__
    Commits
    • 4bcdaf8 3.20.3
    • 61d15fd update the changelog
    • 9ef0526 update dependencies
    • d85dd8c update dependencies
    • f00f917 update dependencies, pin colors
    • 4f12ebe structuredClone should throw an error if no arguments passed
    • 336eae4 update dependencies
    • 18cb22b update the changelog
    • 1a3c1ca avoid internal usage of third-party .bind polyfills, close #1034
    • b4534bd detect and replace broken third-party Function#bind polyfills
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 0
Owner
ZTF
Web fanatic, hobbyist game developer. Lok'tar Ogar.
ZTF
A vue plugin for nesting scroller ,you can use it to expand more components such as banner,date-piacker and so on.

v-scroller A mobile Vue plugin for scroller pluginName: v-scroller version: 1.2.5 author: Alan Chen github: [email protected] date: 2018/08/14 T

Alan Chen 35 Jul 8, 2021
Reusable Modal component, supports own custom HTML, text and classes.

Vue Modal ?? Intro Reusable Modal component, supports own custom HTML, text and classes and/or passing a component. Featuring multiple modal content /

Mel Macaluso 28 Jan 9, 2022
Pixabay-gallery-in-vue-and-buefy - A gallery application in Vue and Buefy which uses pixabay API

PixaBay Gallery in Vue and Buefy Project Briefing This is a carousel based galle

Lightning Bolt 0 Jan 22, 2022
Easy to use, highly customizable Vue.js modal library.

Vue.js modal Easy to use, highly customizable Vue.js modal library. ?? Examples ?? Documentation ?? Changelog ?? Looking for maintainers ?? Sponsorshi

Yev Vlasenko 4k Jan 15, 2022
A clean, easy-to-use, iOS UIAlertController-like alert plugin for Vue 2.x.

Vue-Alerts Demo A clean, easy-to-use, UIAlertController-like alert plugin for Vue 2.x. Online Demo You can access the demo here. Download the plugin T

Lincoln Yan 1 Dec 1, 2021
πŸ—ΊοΈ Use Algolia Places with Vuetify

Vuetify Algolia Places Use Algolia Places with Vuetify. Demo A demo is available here. Installation Run in your terminal: yarn add vuetify-algolia-pla

Hugo Alliaume 22 May 10, 2021
Vue-basic-alert - Basic Vue Alert Component for basic use cases

vue-basic-alert Basic Vue Alert Component for basic use cases. Demo Installation

An Do 1 Jan 22, 2022
A vue based drag and drop kanban board

vue-kanban A drag and drop kanban board component Demo Installation Vue CLI You can install this plugin through the Vue CLI vue add vue-cli-plugin-kan

Brock Reece 692 Jan 21, 2022
A simple kanban board where the items can be dragged and dropped from the list. This is a hybrid implementation of vue-smooth-dnd.

A simple kanban board where the items can be dragged and dropped from the list. This is a hybrid implementation of vue-smooth-dnd. Demo Usage Installa

Sujil Maharjan 131 Jan 12, 2022
A decentralized Kanban board with ERC-20 rewards.

Decentralized Kanban board This project is a decentralized Trello-like tool, to manage a sprint planning tasks. Every task is valued by the community,

Tom Marx 6 Jan 11, 2022
A custom range slider for vue, that builds on the native range slider, but supports stuff like custom values, labels and more.

vue-custom-range-slider This is a simple vue-range slider, that supports custom values, labels and more. The component is based on use with v-model, t

BjΓΈrn Nyborg 10 Dec 22, 2021
A Vue Component to convert the native html select-dropdown to searchable dropdown (something similar to the datalist html tag which isn't supported in most of the browsers)

Searchable-Select-Dropdown A Vue Component to convert the native html select-dropdown to searchable dropdown (something similar to the datalist html t

Rahul Gaba 11 Dec 9, 2020
Sheiley Shop is a PWA to track personal purchases, No more paper and pencil to go to the supermarket 🏬

Sheiley Shop Content Description Features Get started ⭐ Frontend ?? API entry point Frontend production Backend ?? Database Backend production Extra D

Albert E. Hidalgo Taveras 34 Dec 20, 2021
Hide stuff from bots (especially cookie consents)

VueIfBot - Hide stuff from bots (especially cookie consents) ?? ?? Lightweight component to hide/show content to clients based on the user agent ⁉️ Wh

Developmint GbR 61 Dec 25, 2021
Simplified bootstrap tabs

Vue-tabs Simplified, customizable bootstrap based tabs Vue-tabs is a tab component which simplifies the usage of tabs and their customization Demos Ba

Cristi Jora 249 Dec 22, 2021
Plugin for working with Vuex. Allows to use localeStorage to store state. It is possible to

vuex-masked-modules Plugin for working with Vuex. Allows to use localeStorage to store state. It is possible to "mask" data in the localStorage cell.

Evgenij Labuzov 2 Dec 20, 2021
Shamim Hossain 18 Jan 21, 2022
Interceptor that ties a progressbar to all requests, that it is clear that something is loading

vue-resource-progressbar-interceptor Module attaches interceptors to vue instance which controls progressbar on top of the screen. Your vue instance s

Stanislav Karpov 63 Jan 3, 2022
Vue component that transforms overwhelming select boxes into something fancy, simple and user-friendly. It is similar to Selectize, Chosen, Select2, etc. However it was built using Vue.js only ;)

?? _Fireselect_ Vue component that transforms overwhelming select boxes into something fancy, simple and user-friendly. It is similar to Selectize, Ch

Firework 51 Jul 23, 2020
A vue3 plugin to show a progress bar while waiting for something.

vue3-progress A vue3 plugin to show a progress bar while waiting for something. Demo Find a demo at https://vue3-progress-demo.netlify.app/. Setup npm

Marco Schulte 3 Dec 14, 2021
A simple Kanban Component built with Semantic-UI + Vue.js

semantic-kanban A simple Kanban component built with Semantic-UI + Vue.js. Features Drag and drop tasks cards on the kanban board. Organize tasks by O

Danilo Sampaio 85 Jan 4, 2022
πŸ“ A brand new kanban inspired planning tool for all your projects. πŸ’» 🚧 UNFINISHED 🚧

?? DISCLAIMER ?? This project is currently in early development and is currently not useable in any way, shape or form. Do not use in production! Once

Starlane Studios 31 Jan 7, 2022
The First Open-Source Laravel Vue headless CMS (PWA dashboard + CRUD + API generator & more) for more productivity !

The First Open-Source Laravel Vue headless PWA CMS. PWA dashboard + CRUD + API generator & more. Try live demo Badaso is a open-source Laravel Vue hea

Uasoft 544 Jan 23, 2022
A fully working, most feature-rich Vue.js terminal emulator

vue-command A fully working, most feature-rich Vue.js terminal emulator. See the demo and check the demo source code. Features Parses arguments with g

Julian Claus 171 Jan 21, 2022
A Vue.js 2.0 slideshow component working with Three.js

vue-displacement-slideshow Webgl image displacement transitions made simple. A Vue.js 2.0 slideshow component working with Three.js and GSAP. Demo The

Alban 178 Jan 14, 2022
⏱ A library for working with dates and times in JS

Luxon Luxon is a library for working with dates and times in JavaScript. DateTime.now().setZone("America/New_York").minus({ weeks: 1 }).endOf("day").t

Moment.js 12k Jan 23, 2022
v-show directive not working with el-table-column

demo-1 Project setup yarn install Compiles and hot-reloads for development yarn serve Compiles and minifies for production yarn build Lints and fix

Ynl0zq 0 Dec 23, 2021
A website i working on.

YoshiB.se Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints

null 1 Dec 27, 2021
fun vue component library for my own use.

@knowscount/vue-lib vue component library containing fun stuff. ?? to-dos marked in issues. ?? usage see #3. to install the library, run npm install -

KnowsCount 9 Jun 13, 2021