Trello Clone

This is a simple Trello clone built with Vue 3 and Vite. It provides a basic Kanban board interface for managing tasks and allows you to create, edit, and delete tasks in different columns using drag and drop functionality.

Alt Text


A live demo of the app can be found here.


  • Drag and drop functionality for task management.
  • Add, edit, and delete tasks in different columns.
  • Responsive design for optimal viewing on different devices.
  • Simple and intuitive user interface.


Before running the app, ensure that you have the following dependencies installed on your machine:

  • Node.js
  • npm (Node package manager)


  1. Clone the repository:
git clone
  1. Navigate to the project directory:
 cd trello-clone
  1. Install the package:
 npm install


To start the development server, run the following command:

 npm run dev

This will start the development server and open the app in your default browser. You can access it at http://localhost:5173.

The app provides a Kanban board interface where you can create different columns and add tasks to each column. You can drag and drop tasks to move them between columns or reorder them within a column. Click on a task to edit its details, and use the delete button to remove a task.

Feel free to customize the app by modifying the code in the src directory.


Contributions are welcome! If you have any suggestions, bug fixes, or new features to propose, please follow the steps below:

  • Fork the repository.
  • Create a new branch for your feature or bug fix.
  • Make your modifications.
  • Commit your changes and push to your forked repository.
  • Submit a pull request explaining your changes.


Name Profession LinkedIn Profile
Ambinintsoa Mananjara Herizo Full Stack Developer LinkedIn Profile


View Github