KanbanFire

KanbanFire is a task monitor app for project teams to optimise the flow of work, similar to Trello This project was generated with Angular CLI version 12.0.5.

Live Demo

Features

• Angular 12.x + Firebase
• OAuth and Email/Password Signup with Firebase
• Users can create a Workspace and invite other members for collaboration using a joining code
• Users can create multiple Kanban boards inside a workspace
• Drag & drop using @angular/cdk/drag-drop for tasks

Usage

1. Run

• git clone https://github.com/pratham022/KanbanFire.git
• cd KanbanFire
• npm install

2. Create a project at https://firebase.google.com/ and grab your web config:

3. Add the config to your Angular environment

src/environments/

Update the environment.prod.ts and environment.ts files.

export const environment = {
  production: false,
  firebase: {
    apiKey: 'APIKEY',
    authDomain: 'DEV-APP.firebaseapp.com',
    databaseURL: 'https://DEV-APP.firebaseio.com',
    projectId: 'DEV-APP',
    storageBucket: 'DEV-APP.appspot.com',
    messagingSenderId: '...',
    appId: '...',
  }
};

5. Run ng serve