https://github.com/aniraannu/task-board

Challenge 5: Third-Party APIs: Task Board
https://github.com/aniraannu/task-board

Last synced: about 1 month ago
JSON representation

Challenge 5: Third-Party APIs: Task Board

• Host: GitHub
• URL: https://github.com/aniraannu/task-board
• Owner: aniraannu
• Created: 2024-04-29T18:31:02.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-05-14T20:13:04.000Z (8 months ago)
• Last Synced: 2024-05-15T16:28:00.607Z (8 months ago)
• Language: JavaScript
• Size: 1.65 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Task Board

A simple task board application that allows a team to manage project tasks by modifying starter code given.

## Description

The application can be simply described as a task board that allows any team to manage different tasks, assign them to each team member and keep a track of it.  This app will run in the browser and feature dynamically updated HTML and CSS powered by jQuery.

The following animation demonstrates the application functionality: 

![A user adds three tasks to the task board and changes the state of two of them to in progress and then completion. The user then deletes the two cards in the done column.](./Assets/images/05-third-party-apis-homework-demo.gif)

## Getting Started

The application can be simply accesed using the link of the GitHub Pages. The following image demonstrates the web application's appearance:

![Image of the completed Application.](./assets/images/taskboard-screenshot.png)

A modal form opnes up by clicking the Add Task button on the page where user can input the task details like title,due date and description. The modal form looks like the following image:

![Image of the Form Modal.](./assets/images/taskboard-ModalForm.png)

Once the tasks are added, they will be stored to the localStorage and will be displayed in the colums in the application. Based on the status of the task, a color theme will be applied to the respective task cards. The following image shows the color theme for taskcards based on due date:

![Image of task card color theme based on due date.](./assets/images/taskboard-taskcard-colortheme.png)

### Dependencies

* none

### Installing

* No installation required. The application is deployed using GitHub Pages

### Executing program

* The application can accesed directly using the link:

[GitHubPage-Taskboard](https://aniraannu.github.io/task-board/)

## Help

NA

## Authors

Contributors names and contact info

Anira Raveendran

[@aniraannu](https://github.com/aniraannu)

## Version History

* 0.1

    * Initial Release

## License

None

## Acknowledgments

Inspiration, code snippets, etc.

* [dbader](https://github.com/dbader/readme-template)