Giter Site home page Giter Site logo

listits's Introduction

Listits

Listits is a simple web application for organizing lists of items. It allows you to create groups, lists within those groups, and items within lists. You can mark items as done, edit item descriptions and notes, and delete items, lists, or entire groups.

https://viveret.github.io/listits/

Features

  • Group Management: Create, rename, and delete groups of lists.
  • List Management: Add, rename, and delete lists within groups.
  • Item Management: Add items to lists, mark them as done, edit item descriptions and notes, and delete items.
  • Filtering: Filter items to show all, only done, or only not done items.
  • Local Storage: Data is stored locally using browser's localStorage, so your lists are persistent across sessions.

Getting Started

To use Listits, simply open the index.html file in your web browser. The application will load and display the default groups and lists. You can add, edit, or delete groups, lists, and items directly in the interface.

Usage

Adding a New Group

  • Click on "Add New Group" button.
  • Enter a name for the new group when prompted.

Adding a New List

  • Navigate to the group where you want to add the list.
  • Click on "Add New List" button.
  • Enter a name for the new list when prompted.

Adding a New Item

  • Navigate to the list where you want to add the item.
  • Click on "Add New Item" button.
  • Enter a name and description for the new item when prompted.

Managing Items

  • To mark an item as done or not done, click on the respective button next to the item.
  • To edit notes for an item, click on "Edit Notes" button next to the item.
  • To delete an item, click on the "Delete" button next to the item.

Deleting Lists and Groups

  • To delete a list, click on the "Delete List" button next to the list title.
  • To delete a group, click on the "Delete Group" button next to the group title.

Technologies Used

  • HTML
  • CSS
  • JavaScript

Feel free to modify and enhance Listits to suit your needs. If you encounter any issues or have suggestions for improvements, please open an issue.

listits's People

Contributors

viveret avatar

Stargazers

Dan avatar

Watchers

 avatar

listits's Issues

Dark Mode

A Dark mode is needed as it is too bright in my dark room.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.