A modern, real-time Kanban task management application built with React and Firebase(For auth and DB and also hosting). This project features a clean, dark-mode UI and a complete CI/CD pipeline for automated deployments to Google Cloud.
The application is automatically deployed to Firebase Hosting via the Jenkins pipeline:
Real-time Firestore Backend: Instantly see updates across all users.
Drag & Drop Functionality: Easily move tasks between lists and reorder them.
Multiple Board Management: Create and manage separate boards for different projects.
Firebase Authentication: Secure user login and registration.
Detailed Task View: Click on any task to view and edit its details in a modal.
Fully Automated CI/CD Pipeline: Code pushed to the master branch is automatically built and deployed.
This project is configured with a complete Continuous Integration and Continuous Deployment (CI/CD) pipeline to automate deployments.
The workflow is as follows:
A developer pushes new code to the master branch on GitHub.
A GitHub webhook automatically triggers a new build on a Jenkins server.
The Jenkins server is hosted on a Google Cloud Platform (GCP) Compute Engine virtual machine.
Jenkins executes the pipeline defined in the Jenkinsfile:
Checks out the latest source code.
Installs all Node.js dependencies (npm install).
Creates an optimized production build (npm run build).
Deploys the static build artifacts to Firebase Hosting.
This setup ensures that the latest stable version of the application is always live without any manual intervention.
GCP cloud VM instance
Firebase hosting
Jenkins console
Login & Registration
Project Boards Dashboard
Individual Kanban Board
Getting Started (Local Development) To run this project on your local machine, follow these steps:
Clone the Repository
Bash
git clone https://github.com/MeghanaJammu/kanban.git Navigate to the Project Directory
Bash
cd kanban Install Dependencies
Bash
npm install Run the Development Server
Bash
npm run dev The application will be available at http://localhost:5173.