Skip to content

Latest commit

 

History

History
51 lines (36 loc) · 2.2 KB

README.md

File metadata and controls

51 lines (36 loc) · 2.2 KB

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

1

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

2

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.

3


4

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

4

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

4


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...