https://github.com/negarprh/to-do-list
Task Master 📝 - A sleek, responsive, and feature-rich task management web app built with Flask and SQLAlchemy. Add, update, and delete tasks effortlessly with a beautiful frosted-glass UI and smooth animations. Perfect for showcasing modern web design and Python skills!
https://github.com/negarprh/to-do-list
css flask html python sqlalchemy sqlite
Last synced: about 2 months ago
JSON representation
Task Master 📝 - A sleek, responsive, and feature-rich task management web app built with Flask and SQLAlchemy. Add, update, and delete tasks effortlessly with a beautiful frosted-glass UI and smooth animations. Perfect for showcasing modern web design and Python skills!
- Host: GitHub
- URL: https://github.com/negarprh/to-do-list
- Owner: negarprh
- Created: 2024-11-18T22:04:42.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-12-23T03:07:52.000Z (over 1 year ago)
- Last Synced: 2024-12-23T03:24:01.011Z (over 1 year ago)
- Topics: css, flask, html, python, sqlalchemy, sqlite
- Language: CSS
- Homepage:
- Size: 4.71 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Task Master 📝
Task Master is a simple and beautifully designed task management web app built with **Flask** and **SQLAlchemy**. The app allows you to keep track of your tasks with a user-friendly interface featuring modern UI elements and smooth animations.
🔗 **Live Demo**: [Task Master](https://task-master-tklj.onrender.com/)
---
## Features 🚀
- **Add, Update, Delete Tasks**: Manage your daily tasks effortlessly.
- **Responsive Design**: Optimized for desktop and mobile devices.
- **Modern UI**: Features a sleek frosted-glass effect with gradient backgrounds.
- **Persistent Data**: Tasks are stored in a local SQLite database.
- **Interactive Animations**: Smooth hover and transition effects for a delightful user experience.
---
## How It Works 🔧
1. **Live Demo Available!**
Experience the app directly through the [Live Demo](https://task-master-tklj.onrender.com/).
2. **Homepage**: View all your tasks in a visually appealing table.
- Long task names are truncated but expand smoothly on hover.
3. **Add Tasks**: Use the input form to add new tasks.
4. **Edit or Delete Tasks**: Click the **Update** button to modify a task or **Delete** to remove it.
---
## Screenshots 📸
### Homepage
View and manage your tasks:
---
### Empty Task List
Prompt to create a task when the list is empty:
---
### Update Task
Edit an existing task using the update form:
---
### Hover Effects For Long Tasks
Hover Effect for longer task in table to keep original structure of table
---
## Future Improvements 🌟
- Add **user authentication** to allow multiple users to manage their own tasks.
- Include **due dates** and task prioritization.
- Add **search functionality** to quickly find tasks in large lists.
- Implement **dark mode** for improved accessibility.
---
## Getting Started 🛠️
Want to explore or run the app locally? Follow these steps:
### Installation Steps
1. Clone the repository:
```bash
git clone https://github.com/your-username/task-master.git
cd task-master
```
2. Install dependencies:
```bash
pip install -r requirements.txt
```
3. Run the application:
```bash
python app.py
```
4. Open your browser and navigate to:
```
http://127.0.0.1:5000/
```
---
## Technologies Used 💻
- **Backend**: Flask, Python, SQLAlchemy
- **Frontend**: HTML, CSS (with animations and modern design)
- **Database**: SQLite
---