Trello clone app - Demo
It's a task management app for SME companies. It help to organize and move create there own priorites list and following tasks. Depends on the status of the tasks, the task can be moved from one list to the another by simply drag and drop. If need to include any sets of process in between a list. It can be done by dragging to its respective positions.
Below is the two screanshots of v1 of trello clone app
.
├── App.vue
├── assets
│ ├── boards.png
│ ├── card-edit.png
│ ├── card-pop-up.png
│ ├── lists.png
│ ├── logo.png
│ ├── serve.png
│ └── trello-overview.png
├── components
│ ├── Board.vue
│ ├── Card.vue
│ ├── CardEditModal.vue
│ ├── Cards.vue
│ ├── Home.vue
│ ├── List.vue
│ └── Lists.vue
├── dummy.js
├── main.js
├── router.js
├── store.js
└── utils.js
To run the app in a local environment you have some prerequisites installation need. Follow the below steps to get the app running.
If you don't have vue-cli installed in your system, follow link to install.
Clone the project. Navigate into the folder and then run the below code to install all the libraries and setup.
npm install
Once the installation is done, run the below code to run the app in development mode
npm run serve
This takes a few minutes of time to compile the code and gives a successfull message and the port number as shown below
Now go to the browser and type the URL to check out the app.