Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/shravzzv/odin-todo-list-project

Simplify task management with a versatile todo-list project. Prioritize, add, filter, mark as complete, and effortlessly organize tasks and lists for an efficient and streamlined productivity experience.
https://github.com/shravzzv/odin-todo-list-project

javascript theodinproject todoapp todolist webpack

Last synced: 19 days ago
JSON representation

Simplify task management with a versatile todo-list project. Prioritize, add, filter, mark as complete, and effortlessly organize tasks and lists for an efficient and streamlined productivity experience.

Awesome Lists containing this project

README

        

# The todo list

Todo lists are a staple in beginning webdev tutorials because they can be very simple. There is, however, a lot of room for improvement and many features that can be added.

![GitHub last commit (by committer)](https://img.shields.io/github/last-commit/shravzzv/ODIN-Todo-list-project)
![GitHub issues](https://img.shields.io/github/issues/shravzzv/ODIN-Todo-list-project)
![GitHub pull requests](https://img.shields.io/github/issues-pr/shravzzv/ODIN-Todo-list-project)
![GitHub](https://img.shields.io/github/license/shravzzv/ODIN-Todo-list-project)
![GitHub repo size](https://img.shields.io/github/repo-size/shravzzv/ODIN-Todo-list-project)

This project is completed as a part of [The Odin Project](https://www.theodinproject.com/lessons/node-path-javascript-todo-list)'s curriculum.

![the homepage on laptop](https://res.cloudinary.com/dmt9s5xlh/image/upload/v1695913134/todos_laptop_nxm6s8.png)

[View Demo](https://odin-todo-list-project.vercel.app/)

## Features

- Add todos with a **title**, **description**, **due date**, **importance** in three levels as ⭐⭐⭐, ⭐⭐ or ⭐.
- Add todos to **lists**.
- **Filter** todos using lists.
- Mark todos as **completed** by clicking on the ⚪.
- Remove todos using the 🗑️ button.
- Remove lists by **double clicking** them.

## Installation

To run this project locally, follow these simple steps:

1. Clone the repository:

```bash
git clone https://github.com/shravzzv/ODIN-Todo-list-project
```

1. Run `npm install` to install node packages locally.

1. Open `index.html` in your browser or using live server.

## Contribute

Your contributions are welcome! Here are two ways you can get involved: You can [submit an issue](https://github.com/shravzzv/ODIN-Todo-list-project/issues) or [submit a pull request](https://github.com/shravzzv/ODIN-Todo-list-project/pulls).

Cheers. 🥂