Our cutting-edge project management software empowers teams to organize, track, and collaborate seamlessly using Kanban boards and Gantt charts. Effortlessly drag and drop tasks, assign them to team members, add comments, and keep everyone aligned in real-time.

Key Features for Maximum Efficiency:

✅ Drag-and-Drop Task Management – Move tasks between columns with ease and visualize your workflow dynamically.

✅ Task Assignment & Tracking – Instantly see who is responsible for what.

✅ Real-Time Cost Calculation – Track project costs and resource allocation as you work.

✅ Real-Time Collaboration – Changes update live without page refresh.

✅ File Sharing – Keep teams informed by attaching relevant documents.

✅ Multi-User Access – Work together with full transparency and efficiency.

📊 Powerful Project Tracking – Stay on top of deadlines with Gantt charts.

🎯 Visual Task Management – Easily move and organize tasks with an intuitive drag-and-drop interface.

🔄 100% Real-Time Updates – No more delays or miscommunication.

💰 Smart Budgeting – Get instant cost calculations to optimize resource usage.

💡 Start managing your projects smarter today!

HTML React.js Node.js Express.js Mongodb

The license available on Github is :

CC BY-NC-ND 4.0 DEED

This project was created by a 🇫🇷 living in 🇩🇪 in Thüringen.

This project is totally 🇪🇺.

by Valéry-Jérôme Michaux

1. New features v 5.24 :

• Bug fix HTTPS

2. Upcoming features :

• bug fixes

Ask your questions, let us know about bugs... Click here

1. MongoDB

   • Install MongoDB on your system
   • Create a database named “Kanban”.

2. Node.js and npm

   • Install Node.js (version 14 or higher recommended)
   • npm will be installed automatically with Node.js

3. Clone the project

    // in PowerShell
   git clone https://github.com/Michaux-Technology/Geco-Kanban.git

1. Configure the connection to MongoDB :

   // In /Geco-Kanban/backend/src/config.js
   module.exports = {
     db: 'mongodb://localhost:27017/Kanban',
     // other configurations...
   };

2. Install dependencies :

   cd backend
   npm install

1. Configure the backend URL:

   // In /Geco-Kanban/frontend/src/config.jsx
   export const API_URL = 'https://192.168.1.101:3001';
   export const API_URL_VISIO = 'https://192.168.1.101:3002';

2. Install dependencies :

   cd frontend
   npm install

1. Install mkcert :

   # Windows (with chocolatey)
   choco install mkcert

2. Generate certificates :

   //in /Geco-Kanban
   mkdir certificates
   cd certificates
   mkcert -install
   mkcert -cert-file certificate.crt -key-file private.key localhost 127.0.0.1 192.168.1.101

1. Main backend :

   cd backend/src
   node serverSoft.js

2. Videoconferencing server (optional) :

   cd backend/src
   node serverVisio.js

3. Frontend :

   cd frontend
   npm start

• Frontend : https://localhost:3000 ou https://192.168.1.101:3000
• Backend : https://192.168.1.101:3001
• Visioconférence : https://192.168.1.101:3002

• For local development, accept self-signed certificates in your browser
• For production, use valid SSL certificates
• Ensure that all necessary ports (3000, 3001, 3002) are available
• Configure your firewall to allow these connections

• Install mkcert on your system

  # For Windows with chocolatey
  choco install mkcert

1. 1. Create a certificates folder at the root of the project:

 mkdir certificates
 cd certificates

2. Install the local certification authority :

  mkcert -install

3. Generate certificates for local development:

  mkcert -cert-file certificate.crt -key-file private.key localhost 127.0.0.1 192.168.1.101

Certificates will be used by :

• The frontend (port 3000)
• Main backend (port 3001)
• Video conferencing server (port 3002)

Certificates are automatically configured for :

• Frontend: via .env file
• Backend: via serverSoft.js and serverVisio.js.

• These certificates are for local development only
• For production, use valid certificates from a recognized certification authority
• Generated certificates are valid for localhost, 127.0.0.1 and 192.168.1.101
• If you use another IP address, regenerate the certificates to include it

• If you see a "NET::ERR_CERT_AUTHORITY_INVALID" error, install the CA again with mkcert -install.
• If you see an "ERR_SSL_PROTOCOL_ERROR" error, check that the certificate paths are correct in your configuration files

in Insecure origins treated as secure write the IP adress of your frontend server

To obtain a license :

• CC BY-ND 4.0
• CC BY 4.0

make the right donation

🙏🙏🙏

Good luck!

https://www.youtube.com/watch?v=dMaUxjK4si4

Login screen

Project list screen in card format

Here you can see the status of the project, its completion date and the people assigned to it. (Soon it will be possible to consult the files assigned to a project).

File upload Insert files essential to your project

User list with Avatar.

Kanban-based list of project tasks

You can add, drop and customize columns, drag and drop tasks, view the people assigned to them, check progress, start and end dates, like and comment...

View tasks assigned to the user

See the tasks assigned to you and move them according to your work organization.

Gantt chart.

You can see dependencies, task names, progress and dates, and each task has the same color as in Kanban, making it easier to visualize.

Project cost management

Track project costs in real time.

video conferencing

Videoconferencing with team members.