https://github.com/damiieibikun/todo-application-local-storage.

TODO Application
https://github.com/damiieibikun/todo-application-local-storage.

flexbox-css grid-layout html-css-javascript javascript jquery jquery-animation jquery-traversing localstorage

Last synced: about 22 hours ago
JSON representation

TODO Application

• Host: GitHub
• URL: https://github.com/damiieibikun/todo-application-local-storage.
• Owner: Damiieibikun
• Created: 2024-07-31T16:52:14.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-07-31T17:26:35.000Z (4 months ago)
• Last Synced: 2024-08-01T21:35:12.714Z (4 months ago)
• Topics: flexbox-css, grid-layout, html-css-javascript, javascript, jquery, jquery-animation, jquery-traversing, localstorage
• Language: JavaScript
• Homepage: https://damiieibikun.github.io/Todo-Application-Local-Storage./
• Size: 479 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ToDo Application

A simple and intuitive ToDo application using local storage for managing tasks and categories. This app allows users to register, log in, and organize tasks into different categories.

## Features

- **User Authentication:** Users can sign up and log in to access their personal to-do lists.

- **Task Management:** Add, edit, and delete tasks. Tasks can be marked as completed or uncompleted.

- **Category Management:** Organize tasks into categories. Categories can be added, edited, or deleted.

- **Local Storage:** All user data, including tasks and categories, is stored in the browser's local storage.

## Usage

### Sign Up:

1. Open the app and click on the 'Sign Up' button.

2. Fill in the required fields (full name, username, email, password) and submit the form.

3. A success message will be displayed upon successful registration.

### Log In:

1. Enter your username and password to log in.

2. If the credentials are correct, you'll be redirected to your personalized dashboard.

### Managing Tasks:

- **Add a Task:** Click on 'Add New Task' and fill in the task details, including the title, description, and associated category.

- **Edit a Task:** Click on the 'Edit' icon next to a task to modify its details.

- **Delete a Task:** Click on the 'Delete' icon to remove a task.

### Managing Categories:

- **Add a Category:** Enter the category name and select a color. Categories help in organizing tasks.

- **Edit a Category:** Click on the 'Edit' icon next to a category to change its name or color.

- **Delete a Category:** Categories can be deleted if they are not associated with any tasks.

## Technologies Used:

- Jquery

- Native Javascript

- Local Storage

- CSS

- HTML