macmillon-vs/multi-task-board

Organize your multiple task in single place. Created using React, Typescript, DND core, Tailwindcss

Multi Task Board App

This is a multi-task board application built using TypeScript, DnD Core Kit library, Tailwind CSS, and React. It allows you to create and manage tasks by organizing them into different columns. You can easily drag and drop columns, as well as tasks within and between columns for a seamless project management experience.

Features

• Column Management: Create, edit, and delete columns to represent different stages of your project workflow.

• Task Management: Create, edit, and delete tasks within each column, providing detailed information for each task.

• Drag and Drop: Use the drag-and-drop functionality to reorder columns and tasks effortlessly.

Getting Started

Follow these steps to set up the multi task board app on your local machine:

1. Clone the Repository: Start by cloning this repository to your local machine using the following command:

   git clone <repository-url>

2. Install Dependencies: Navigate to the project directory and install the required dependencies using npm or yarn:

   cd multi-task-board
   npm install
   # OR
   yarn install

3. Run the App: Once the dependencies are installed, you can start the development server:

   npm run dev
   # OR
   yarn start

   The app will be available at http://localhost:5173.

4. Explore and Customize: You can start exploring the app, creating columns, adding tasks, and using the drag-and-drop functionality. Customize the app according to your project's requirements.

Tech Stack

• TypeScript: A statically typed superset of JavaScript for improved code quality.
• DnD Core Kit: A library for implementing drag-and-drop functionality.
• React: A popular JavaScript library for building user interfaces.
• Tailwind CSS: A utility-first CSS framework for responsive and customizable styling.

Contributing

If you'd like to contribute to this project, please follow these guidelines:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and test them thoroughly.
4. Ensure your code adheres to the coding standards.
5. Submit a pull request for review.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

This multi task board app was built with the support of various open-source libraries and technologies. Special thanks to the creators and contributors of TypeScript, DnD Core Kit, React, and Tailwind CSS.

---

Enjoy using your Multi task board app! If you have any questions or encounter issues, feel free to reach out to the maintainers or open an issue on the GitHub repository.