✅ Task Smash

A clean, minimal todo web app built with Flask, SQLAlchemy, and Tailwind CSS. Add, edit, and delete tasks — all stored locally with SQLite.

---

Features

• Add new tasks instantly
• Edit existing tasks
• Delete tasks with one click
• Tasks sorted by creation time
• Responsive layout with Tailwind CSS

---

Tech Stack

Layer	Technology
Backend	Python, Flask
Database	SQLite via Flask-SQLAlchemy
Frontend	Jinja2 templates, Tailwind CSS

---

Getting Started

1. Clone the repo

git clone https://github.com/your-username/task-smash.git
cd task-smash

2. Create a virtual environment

python -m venv venv
source venv/bin/activate        # macOS/Linux
venv\Scripts\activate           # Windows

3. Install dependencies

pip install flask flask-sqlalchemy

4. Run the app

python app.py

Visit http://127.0.0.1:5000 in your browser.

---

Project Structure

task-smash/
├── app.py                  # Flask app + routes + SQLAlchemy model
├── templates/
│   ├── base.html           # Base layout
│   ├── index.html          # Task list + add form
│   └── edit.html           # Edit task form
├── static/
│   ├── css/
│   │   └── style.css       # Compiled Tailwind CSS
│   └── src/
│       └── input.css       # Tailwind source
├── tailwind.config.js
├── postcss.config.js
└── README.md

---

Routes

Method	Route	Description
GET / POST	/	View all tasks / Add a task
GET	/delete/<id>	Delete a task
GET / POST	/edit/<id>	Edit a task

---

Rebuilding Tailwind CSS

If you modify the templates and need to recompile the CSS:

npx tailwindcss -i ./static/src/input.css -o ./static/css/style.css --watch

---

License

MIT — free to use and modify.