aniket2003 / kanban-based-taskmanagement-app

You can use the below credentials to test the deployed application Email: [email protected] Password: Aniket1234 Username: Aniket007

Kanban Board Task Management Application

Kanban-TM

Table of Content:

• Overview
• Key Features
• Getting Started
  • Prerequisites
  • Installation
• Usage
• Technologies Used
• Email and Password for deployed Application Testing
• Snapshots of the live application to showcase the application interface

Overview

Kanban-TM is a userfriendly Kanban board Task Management Application designed to streamline the users workflow and enchance team collaboration. Whether you're a software development team, a marketing department, or an individual managing personal projects , this application provides an intuitive and visual way to organize, prioritize and track tasks effortlessly. With Kanban-TM , you can create tasks and populate the boards with them and move the tasks across columns to reflect their progress. Visualizing your work this way makes it easy to identify bottlenecks, moniter task statuses, and ensure nothing falls through the cracks.

Key features of Kanban-TM include:

1. Kanban Board:

   Populate the Todo, Doing and Done boards to manage different projects or workflows.

2. Task Cards:

   Each Task is represented as a card with details such as title, description, due date and due time.

3. Drag and Drop:

   Move the tasks between different columns to update their status.

4. User-friendly Interface:

   An intuitive and reponsive design ensures a smooth user experience across devices.

Getting Started

Follow these steps to set up and run Kanban-TM on your local machine:

Prerequisites

Before you begin, ensure you have the following software installed:

Node.js: Make sure you have Node.js installed on your system. You can download it from the official website.

MongoDB: Install MongoDB and ensure it's running locally or have a connection to a MongoDB database.

Installation

1. Clone the repository:

   git clone https://github.com/aniket2003/Kanban-Based-TaskManagement-App.git

2. Navigate to the server directory and install server dependencies:

   cd Kanban-Based-TaskManagement-App/server
   npm install

3. Create a .env file in the server directory with the following environment variables:

   PORT = 5000
   MONGO_URL = your_mongodb_connection_uri       

4. Start the server:

     npm start

   The server should now be running on port 5000

5. Open a new terminal window, navigate to the client directory, and install client dependencies:

    cd Kanban-Based-TaskManagement-App/client
    npm install

6. In the utils.APIRoute.js change the host to http://localhost:5000

7. Start the client:

    npm start

   The client now should be running at http://localhost:3000

Usage

Once the application is running, you can start managing your tasks with ease. Create tasks, move tasks between columns and enjoy the benefits of visual task management with Kanban-TM

Technologies Used

• HTML
• CSS
• Javascript
• Node.js
• Express.js
• React.js
• MongoDB

Email and Password for deployed Application Testing

You can use the below credentials to test the deployed application

Email: [email protected]

Password: Aniket1234

Username: Aniket007

Snapshots of the live application to showcase the application interface