Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aa-sikkkk/todoo

Simple ToDOO list web-app that saves data in local storage
https://github.com/aa-sikkkk/todoo

css html-css-javascript html5 javascript todo-list todoapp todolist

Last synced: 3 months ago
JSON representation

Simple ToDOO list web-app that saves data in local storage

Awesome Lists containing this project

README

        

# ToDOO List Application


To-Do List Icon


A simple and interactive To-Do List application.

Project Link: The ToDOO


πŸ’‘Features β€’
πŸ‘¨β€πŸ’» Technologies Used β€’
πŸͺ§Getting Started β€’
βœ… Usage β€’
πŸ“‹ Project Structure β€’
🎟️ License


To-Do List Icon

## Features



  • Add Tasks: Users can add new tasks to the ToDOO list.


  • Remove Tasks: Users can remove tasks from the ToDOO list by clicking on them.


  • Persistent Storage: Tasks are saved in the browser's local storage, so they persist across page reloads and browser sessions.


  • Responsive Design: The application is designed to be responsive and works well on both mobile and desktop devices.

## Technologies Used


  • HTML5

  • CSS3

  • JavaScript

## Getting Started

To get started with the project, follow these Steps!!
### Prerequisites

Download the Live Server Extension!

### Installation


  1. Clone the repo
    git clone https://github.com/aa-sikkkk/ToDoo.git


  2. Open the index.html file in your preferred web browser.

## Usage


  • Open the application in your web browser.

  • Add a new task by typing in the input box and clicking the "Submit" button.

  • Remove a task by clicking on the task in the list.

## Project Structure


to-do-list/
β”œβ”€β”€ index.html
β”œβ”€β”€ styles.css
β”œβ”€β”€ script.js
└── README.md



  • index.html: The main HTML file that contains the structure of the application.


  • styles.css: The CSS file that contains the styles for the application.


  • script.js: The JavaScript file that contains the functionality of the application.


  • README.md: The file you are currently reading.

## License
Distributed under the GNU General Public License. See LICENSE for more information.