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
- 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.
- HTML
- CSS (including dark mode styles)
- JavaScript (DOM manipulation, local storage, and event handling)
- Clone the repository:
git clone https://github.com/ThatSINEWAVE/PureTask.git
- Navigate to the project folder:
cd PureTask
- Open
index.html
in your browser to use the app.
Alternatively, you can visit the live version hosted on GitHub Pages: PureTask
PureTask/
├── index.html # Main HTML file
├── styles.css # Styles for the app
├── script.js # JavaScript functionality
├── README.md # Project documentation (this file)
- 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.
Contributions are welcome! If you want to contribute, feel free to fork the repository, make your changes, and submit a pull request.
This project is licensed under the GPL-3.0 License - see the LICENSE file for details.