Trello is a Trello-like web application built using Next.js, TypeScript, React Beautiful DnD for drag and drop functionality, and Zustand as state management. It provides a simple and intuitive interface for managing tasks with three columns: Todo, In Progress, and Done. Users can easily drag and drop columns and todos to organize their tasks efficiently.
- Three Columns: The app consists of three columns - Todo, In Progress, and Done, representing different stages of task completion.
- Drag and Drop: Users can easily drag and drop todos within columns or between columns to change their status and reorder them.
- Add and Remove Todos: Users can add new todos to any column and remove existing todos when they are no longer needed.
- Update Todo Status: By dragging a todo to a different column, users can update its status and move it to the corresponding stage.
- Responsive Design: The app is designed to be responsive, ensuring a seamless experience across different devices and screen sizes.
- Next.js: A React framework for server-side rendering and building modern web applications.
- TypeScript: A typed superset of JavaScript that provides static type-checking.
- React Beautiful DnD: A library for adding drag and drop functionality to React applications.
- Zustand: A small, fast, and scalable state management library for React.
- Clone the repository:
git clone https://github.com/AhmedMohsen600/Trello.git - Navigate to the project directory:
cd Trello - Install dependencies:
npm installoryarn install - Start the development server:
npm run devoryarn dev - Open your browser and visit
http://localhost:3000to see the app.
Contributions are welcome! If you have any ideas, improvements, or bug fixes, please submit a pull request. Ensure that your code adheres to the project's coding standards and includes appropriate tests.
This project is licensed under the MIT License.
- The Trello Clone app is inspired by the concept of the original Trello application.
- Special thanks to the creators and maintainers of the open-source libraries used in this project.