Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/barata-ribeiro/taskr_mini
Mini Todo application created with html, css, and TypeScript.
https://github.com/barata-ribeiro/taskr_mini
css html-css-javascript javascript todo todoapp todolist typescript vite vitejs
Last synced: 20 days ago
JSON representation
Mini Todo application created with html, css, and TypeScript.
- Host: GitHub
- URL: https://github.com/barata-ribeiro/taskr_mini
- Owner: Barata-Ribeiro
- License: gpl-3.0
- Created: 2024-09-04T12:09:41.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-10-15T20:55:22.000Z (about 1 month ago)
- Last Synced: 2024-10-17T21:12:21.261Z (about 1 month ago)
- Topics: css, html-css-javascript, javascript, todo, todoapp, todolist, typescript, vite, vitejs
- Language: TypeScript
- Homepage: https://taskr-mini.vercel.app
- Size: 584 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
**Taskr Mini** is a simple, lightweight, and user-friendly TODO list application that runs entirely in your browser
using the power of **indexedDB**. It provides basic task management features like adding, deleting, editing, and marking
tasks as done, making it a great tool for keeping track of your daily to-dos. Taskr Mini is ideal for those who need a
minimalist solution for personal productivity.
## 📚 Features
- **Add Tasks**: Quickly add tasks to your list with a simple form.
- **Edit Tasks**: Edit your existing tasks to update or correct details.
- **Mark as Done**: Mark tasks as completed to keep track of your progress.
- **Delete Tasks**: Remove tasks from your list easily.
- **Filter and Search**: Use filters to display only pending or completed tasks, and search to quickly find tasks.
All tasks are stored locally in your browser using **indexedDB**, meaning your data is private and stays with you.
## 🚀 Built With
- **HTML5**: Structure of the application.
- **CSS**: Styling for the application, using **PostCSS** for nesting.
- **TypeScript**: Strong typing and improved developer experience.
- **IndexedDB**: Persistent storage for tasks in the browser.
- **Vite**: Build tool and development server.
- **FontAwesome**: Icons for task actions.
## 🛠️ Project Setup
### Prerequisites
You need a modern web browser with JavaScript enabled to run Taskr Mini.
### Installation
1. Clone this repository:
```sh
git clone https://github.com/Barata-Ribeiro/Taskr_mini.git
```
2. Install dependencies:
```sh
npm install
```
3. Start the development server:
```sh
npm run dev
```
### Project Structure
- **public/**: Contains static files like images and icons.
- **src/**: Contains main TypeScript files and styles.
- **index.html**: Entry point of the application.
## Contributing 🤝
Contributions, issues, and feature requests are welcome! Feel free to check
the [issues page](https://github.com/Barata-Ribeiro/Taskr_mini/issues) if you want to contribute.
## License 📜
This project is free software available under the [GPLv3](LICENSE) license.