Task Tracker

Simple Task Tracker that highlights clear UI structure on the frontend and clean RESTful thinking for the backend.

Frontend (React, SPA, no backend required)

• Single page that lists tasks, adds new ones, and toggles completed/pending.
• State fully in React; no external data source.
• Run locally by opening frontend/index.html in a modern browser (ES modules supported).

Backend (design + sample Express implementation)

• REST API to create tasks, fetch them all, and update status.
• In-memory storage to keep the example lightweight; can be swapped for a DB later.
• See backend/api-design.md for the contract and backend/server.js for a runnable sketch.

Project layout

• frontend/ – React SPA using CDN ES modules (no build step).
• backend/ – API design doc plus lightweight Express server sample.

Quick start

Frontend

1. Open frontend/index.html in your browser.
2. Add tasks, toggle completion, and see counts update live.

Backend (optional)

1. cd backend
2. npm install
3. npm start

Notes

• Kept intentionally minimal: no routing, auth, or persistence.
• Styles favor clarity and keyboard friendliness.