A simple and lightweight task management application built with vanilla JavaScript, CSS, and HTML.
Tasker is a minimalist task management tool designed to help you organize and track your daily tasks. Built with vanilla JavaScript, it's fast, lightweight, and requires no build tools or dependencies. Perfect for anyone who wants a straightforward way to manage their to-do lists without complexity.
- 📝 Create Tasks - Add new tasks with ease
- ✅ Mark as Complete - Check off completed tasks
- 🗑️ Delete Tasks - Remove tasks you no longer need
- 💾 Local Storage - Tasks are saved in your browser
- 🎨 Clean UI - Simple, responsive, and user-friendly design
- ⚡ No Dependencies - Pure JavaScript, CSS, and HTML
- 📱 Responsive Design - Works seamlessly on desktop, tablet, and mobile devices
- A modern web browser (Chrome, Firefox, Safari, Edge)
- No server or installation required!
- Clone the repository:
git clone https://github.com/bhargav-maker/tasker.git
cd tasker- Open the application:
# Simply open index.html in your browser
# You can double-click the file or use a local serverOr use a simple local server:
# Using Python 3
python -m http.server 8000
# Using Python 2
python -m SimpleHTTPServer 8000
# Using Node.js http-server
npx http-serverThen navigate to http://localhost:8000 in your browser.
- Enter your task in the input field
- Click the "Add Task" button or press Enter
- Your task will appear in the list below
- Complete Task: Click the checkbox to mark a task as complete
- Delete Task: Click the delete button to remove a task
- View Tasks: All your tasks are displayed with their status
tasker/
├── index.html # Main HTML file
├── style.css # Styling
├── script.js # JavaScript logic
└── README.md # This file
- Frontend Only: The entire application runs in your browser
- Local Storage: Tasks are saved using the browser's localStorage API
- No Server Needed: This is a 100% client-side application
- Persistent Data: Your tasks remain even after closing the browser
Contributions are welcome! Here's how to contribute:
- Fork the repository
- Create a feature branch (
git checkout -b feature/your-feature) - Make your changes
- Commit your changes (
git commit -m 'Add your feature') - Push to the branch (
git push origin feature/your-feature) - Open a Pull Request
| Language | Percentage |
|---|---|
| JavaScript | 62.7% |
| CSS | 29.7% |
| HTML | 7.6% |
This project is open source and available under the MIT License.
Prakash Abhiman (bhargav-maker)
- GitHub: bhargav-maker
- Email: [email protected]
Found a bug? Have a suggestion? Please open an issue on GitHub or reach out via email.
- HTML5 - Markup structure (7.6%)
- CSS3 - Styling and responsive design (29.7%)
- Vanilla JavaScript - Application logic (62.7%)
⭐ If you find this project helpful, please consider giving it a star!