Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/lemonadee71/todo

A full-featured task management app. Inspired by Trello and Desktop app for Google Tasks.
https://github.com/lemonadee71/todo

dark-theme kanban markdown project-management todo todolist

Last synced: about 2 months ago
JSON representation

A full-featured task management app. Inspired by Trello and Desktop app for Google Tasks.

Host: GitHub
URL: https://github.com/lemonadee71/todo
Owner: lemonadee71
Created: 2021-01-07T05:30:47.000Z (about 4 years ago)
Default Branch: main
Last Pushed: 2022-09-30T11:36:58.000Z (over 2 years ago)
Last Synced: 2024-10-30T18:08:45.140Z (3 months ago)
Topics: dark-theme, kanban, markdown, project-management, todo, todolist
Language: JavaScript
Homepage: https://lemon-todolist.web.app
Size: 7.08 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # todo

A full-featured task management app. Inspired by Trello and [Desktop app for Google Tasks](https://chrome.google.com/webstore/detail/desktop-app-for-google-ta/lpofefdiokgmcdnnaigddelnfamkkghi?hl=en").

This is a project for The Odin Project.

![landing page](docs/images/todo_landing_half.png)

## Features

- Kanban board

- Sorting of projects, lists, and tasks

- Markdown support for task notes

- Calendar view for tasks

- Online syncing with Firebase with a localStorage fallback

- Advance search functionality

- Responsive

- Dark mode

- Accessible

- Keyboard interactive

## Technologies

- [`poor-man-jsx`](https://github.com/lemonadee71/poor-man-jsx) the backbone of this project. Handles the rendering of the components.

- [`navigo`](https://github.com/krasimir/navigo) for routing

- [`tailwindcss`](https://tailwindcss.com/) for styling

- [`Sortable`](https://github.com/SortableJS/Sortable) for sorting and drag and drop functionality

- [`popper`](https://popper.js.org/) for positioning of tooltips and popovers

- [`tui.calendar`](https://github.com/nhn/tui.calendar) for calendar view

- [`toastify-js`](https://github.com/apvarun/toastify-js) for toasts

...and more. See [package.json](package.json) for full list.

## Preview

### Dashboard

![dashboard](docs/images/todo_dashboard.png)

### Project page

![project page](docs/images/todo_app.png)

### Project page (Dark mode)

![project page in dark mode](docs/images/todo_app_dark.png)

### Calendar view

![tasks calendar view](docs/images/todo_calendar.png)

## Resources

All icons are from [Tabler Icons](https://tablericons.com/) and hero image from [Undraw](https://undraw.co/).