Task Box Application

Overview

Task Box application is mainly developed for the user to add his/ her tasks to be performed on the daily basis.

Cloning

• Go to https://github.com/dctacademy/tasks-fs
• Copy the backend url from code dropdown and paste it on the visual studio code terminal and hit enter.
• After the completion of the cloning install the packages by running the command `npm install`. All the necessary packages will be installed.
• Then start the backend by entering `node app.js` in the terminal
• API Documentation is provided in the pdf file inside the repository

Sample images of the application

The first image of the application

The second image where user is adding task in the form.

When the user submits the form the task appears on the webpage in the card format. If the task is completed the background color will be green else red.

User can edit task, he/she can change name of task and it's status based on completion

After the task is completed the user can delete the task by clicking on the remove button

Tech Stack used for building the application

1. HTML, CSS & JavaScript
2. React
3. Bootstrap
4. Axios (3rd party package)

Thank for reading, hope you liked it...