The Task Tracker is a streamlined, client-side web application designed to boost productivity by helping users organize and monitor their daily to-do lists. Built completely without external libraries or frameworks, it emphasizes performance, simplicity, and core web development principles.
- Intuitive Task Management: Easily add new items and remove completed tasks from your list.
- Progress Tracking: Toggle tasks between active and completed states with a single click.
- Responsive Interface: A clean, modern layout designed to provide a seamless user experience across mobile, tablet, and desktop screens.
- Data Persistence: Integrates with the browser's Local Storage API to instantly save your tasks, ensuring no data is lost upon refreshing the page.
This project is built using strictly vanilla web technologies[cite: 3]:
- HTML5: Semantic structure and page markup (
index.html)[cite: 3]. - CSS3: Custom styling and responsive design layout (
style.css)[cite: 3]. - Vanilla JavaScript: Dynamic DOM manipulation and application logic (
script.js)[cite: 3].
Because this is a vanilla web application, there are no package managers, dependencies, or build tools required to run it locally.
- Clone the repository:
git clone [https://github.com/yourusername/task-tracker.git](https://github.com/yourusername/task-tracker.git)
cd task-tracker
```
2. **Launch the application:**
Simply double-click the `index.html` file to open it in your preferred web browser[cite: 3].
## 📁 Project Structure
```text
task-tracker/
├── index.html # Main HTML document[cite: 3]
├── style.css # Stylesheet for the application UI[cite: 3]
├── script.js # Core JavaScript logic and DOM interactions[cite: 3]
└── README.md # Project documentation[cite: 3]CMP 343 - Full Stack Web Development
CUNY Lehman College - Spring 2026