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

Used to record and store task items in localStorage that can be updated in a kanban style board from to-do to in-progress to done and ultimately deleted.
https://github.com/andrewhamerly/task-board

css day-js dayjs html javascript jquery jquery-ui jqueryui local-storage localstorage

Last synced: 16 days ago
JSON representation

Used to record and store task items in localStorage that can be updated in a kanban style board from to-do to in-progress to done and ultimately deleted.

• Host: GitHub
• URL: https://github.com/andrewhamerly/task-board
• Owner: andrewhamerly
• License: mit
• Created: 2024-03-19T16:56:31.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-03-26T03:04:36.000Z (11 months ago)
• Last Synced: 2024-12-02T13:17:53.359Z (2 months ago)
• Topics: css, day-js, dayjs, html, javascript, jquery, jquery-ui, jqueryui, local-storage, localstorage
• Language: JavaScript
• Homepage: https://andrewhamerly.github.io/task-board/
• Size: 70.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Task Board Starter Code

## Description

This project was created to learn the essence of jQuery, jQueryUI, and Day.js along with reinforcing the idea of localStorage persistant data.

## Installation

To install this repo, simply copy the repo and use git clone in your command line along with the copied repo url with your preferred method.

```bash

git clone [email protected]:andrewhamerly/task-board.git

```

## Usage

This can be used to record and store task items in localStorage that can be updated in a kanban style board from to-do to in-progress to done and ultimately deleted.

Link to deployed application:

[Task Boad](https://andrewhamerly.github.io/task-board/)

![Task Board Example Image](./assets/images/task-board.png)

## Credits

Module 5 Mini Project helped me to reverse engineer many aspects of this app including the function to create cards and function for handleDeleteTask.

ChatGPT helped to brainstorm the below three aspects when asked about the snap abilities for the jQueryUI droppable method.

       `tolerance: 'pointer', // Helps in dropping exactly onto the droppable area

        snap: true, // Enables snapping

        snapMode: 'inner', // Snap to the inner area of droppable`

## License

Source code is licensed under the MIT license.