This React application is a Kanban-style task manager. It allows users to create, manage, and organize tasks into different columns such as "ToDo", "InProgress", and "Done". The application supports drag-and-drop functionality for moving tasks between columns and uses cookies to persist tasks across sessions.
- Task Creation: Easily create new tasks with a title and description.
- Drag and Drop: Seamlessly move tasks between different columns.
- Task Management: Delete tasks as needed.
- Persistent Storage: Tasks are saved in cookies and reloaded on page refresh.
To get started with this project, clone the repository and install the dependencies:
git clone https://github.com/saranshhalwai/task-manager
cd task-manager
npm install
To start the appliction, use the following command:
npm start
This will run the app in development mode. Open http://localhost:3000 to view it in the browser.
The project has the following structure:
.gitignore
package.json
public/
index.html
README.md
src/
App.js
index.css
index.js
html index.html
: The main HTML file.js index.js
: The entry point for the react application.js App.js
: The main component containing the Kanban board logic.css index.css
: Optional CSS for styling.
react
: A JavaScript library for building user interfaces.react-dom
: Provides DOM-specific methods for React.@hello-pangea/dnd
: A drag-and-drop library for react.js-cookie
: A simple, lightweight JavaScript API for handling cookies.bootstrap
: A CSS framework for styling.
This project is licensed under the ISC License.