A simple and effective Kanban board application to help you organize tasks and improve your workflow. This project is built using a client-server architecture.
- Create, update, and delete tasks
- Organize tasks into columns (e.g., To Do, In Progress, Done)
- Drag and drop tasks between columns
- Persistent storage of tasks
- Frontend: React.js
- Backend: Node.js, Express, Javascript
- Database: MongoDB
- Styling: CSS, Tailwind
-
Clone the repository:
git clone https://github.com/mynkprtp/kanban-app.git cd kanban-app
-
Install dependencies for both client and server:
cd client npm install cd ../server npm install
-
Set up environment variables:
- Create a
.env
file in theserver
directory with the following and Update the data accordingly:PORT=5000 MONGODB_USER=xxxxxxxxx MONGODB_PASSWORD=xxxxxxxxx PASSWORD_SECRET_KEY=xxxxxxxxx TOKEN_SECRET_KEY=xxxxxxxxx
- Create a
-
Start the development server:
- In the
server
directory:npm start
- In the
client
directory:npm start
- In the
- Access the application at
http://localhost:3000
- Use the web interface to manage your tasks by adding, editing, and moving them across different columns.
Contributions are welcome! Please follow these steps:
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch
). - Make your changes.
- Commit your changes (
git commit -m 'Add new feature'
). - Push to the branch (
git push origin feature-branch
). - Open a pull request.
If you have any questions, feel free to open an issue or contact the repository owner at itsmayankhere24@gmail.com.