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 :

Demo

UPDATE V1.0

Features	status
Add tasks	✅
Delete Session	✅
Save Session	✅

UPDATE V2.0

Features	status
Login	✅
Logout	✅
Register	✅
Unique Collection per user	✅
Error Handeling make over	✅
Tasks' css overhaul	✅

UPDATE V2.5

Features	status
Change Password	✅
Reset Forgotten Password	✅
Toned down vibrant colours	✅
Toggle Particles On/Off	✅
Floating Control Button	✅
Cleaner Code	✅

UPDATE V2.6

Features	status
Delete Account	✅
Delete Single Task	✅

Deleting Tasks

Double Clicking on a task will delete it from the array it's in , if you do not save your session aka save your data to the firestore, that action won't be taken into consideration .

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 ZTF666@protonmail.ch or via my portfolio

ZTF666

Donations

License

My Kanban Board released under the MIT License.

Made with 🖤 by ZTF - N.EA | 2022