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

https://github.com/thatsinewave/puretask

Minimalist task management web app designed to help users organize and track their daily tasks efficiently.
https://github.com/thatsinewave/puretask

good-first-bug good-first-contribution good-first-issue good-first-issues good-first-pr good-first-pr-first-contribution good-first-prs html-css-javascript html-css-js thatsinewave to-do to-do-app to-do-app-js to-do-list to-do-list-app to-do-list-javascript to-do-website to-dolist web-application webapp

Last synced: 13 days ago
JSON representation

Minimalist task management web app designed to help users organize and track their daily tasks efficiently.

Awesome Lists containing this project

README

        

# [PureTask](https://thatsinewave.github.io/PureTask)

![PureTask](https://raw.githubusercontent.com/ThatSINEWAVE/PureTask/refs/heads/main/.github/SCREENSHOTS/PureTask.png)

PureTask is a minimalist task management web app designed to help users organize and track their daily tasks efficiently. It features a clean UI, dark mode support, local storage for persistence, task filtering, and task export functionality.

Live Demo: [PureTask on GitHub Pages](https://thatsinewave.github.io/PureTask)

## Features
- **Add, Delete, and Mark Tasks**: Easily add new tasks, mark them as completed, or remove them.
- **Task Filters**: View all tasks, only active tasks, or only completed tasks.
- **Progress Tracking**: A progress bar and stats display the number of completed and active tasks.
- **Dark Mode**: Toggle between light and dark themes, with preference saved in local storage.
- **Local Storage**: Tasks are automatically saved in the browser's local storage.
- **Task Export**: Export your task list as a JSON file for backup or sharing.
- **Responsive Design**: Works smoothly on both desktop and mobile devices.

## ☕ [Support my work on Ko-Fi](https://ko-fi.com/thatsinewave)

## Technologies Used
- HTML
- CSS (including dark mode styles)
- JavaScript (DOM manipulation, local storage, and event handling)

## Installation & Usage
1. Clone the repository:
```sh
git clone https://github.com/ThatSINEWAVE/PureTask.git
```
2. Navigate to the project folder:
```sh
cd PureTask
```
3. Open `index.html` in your browser to use the app.

Alternatively, you can visit the live version hosted on GitHub Pages: [PureTask](https://thatsinewave.github.io/PureTask)

## Project Structure
```
PureTask/
├── index.html # Main HTML file
├── styles.css # Styles for the app
├── script.js # JavaScript functionality
├── README.md # Project documentation (this file)
```

## [Join my discord server](https://discord.gg/2nHHHBWNDw)

## How It Works
- Enter a task in the input field and press the add button (or hit Enter) to create a new task.
- Click on a task to mark it as completed.
- Use the filters to toggle between "All", "Active", and "Completed" tasks.
- Click the trash icon to delete a task.
- Use the "Clear Completed" button to remove all finished tasks.
- Export your tasks as a JSON file using the "Export" button.
- Toggle between light and dark modes using the theme switcher.

## Contributing

Contributions are welcome! If you want to contribute, feel free to fork the repository, make your changes, and submit a pull request.

### Contributors

- [Jasurlive](https://github.com/jasurlive) - Added import button.

## License

This project is licensed under the GPL-3.0 License - see the [LICENSE](LICENSE) file for details.