Upload 12 files

app/__init__.py

@@ -0,0 +1,22 @@
+from flask import Flask
+from flask_sqlalchemy import SQLAlchemy
+
+# create database obj globallysecrect_key
+db = SQLAlchemy()
+
+def create_app():
+    app = Flask(__name__)
+    
+    
+    app.config['SECRET_KEY'] = 'secret_key'
+    app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///todo.db'
+    app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False   
+    
+    db.init_app(app)
+    
+    from app.routes.auth import auth_bp
+    from app.routes.tasks import tasks_bp
+    app.register_blueprint(auth_bp)
+    app.register_blueprint(tasks_bp)
+
+    return app

app/models.py

@@ -0,0 +1,8 @@
+from app import db
+
+class Task(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    title = db.Column(db.String(100), nullable=False)
+    status = db.Column(db.String(20), default="Pending")
+
+

app/routes/auth.py

@@ -0,0 +1,29 @@
+from flask import Blueprint, request ,session, redirect, render_template, url_for, flash
+
+auth_bp = Blueprint('auth' , __name__)
+
+USER_CRIDINTAILS = {
+    "username" : "Gaurav",
+    "password" : "1234"
+}
+
+@auth_bp.route('/login', methods = ["GET","POST"])
+def login():
+    if request.method == "POST":
+        username = request.form.get('username')      
+        password = request.form.get('password')
+        
+        if  username == USER_CRIDINTAILS['username']  and password == USER_CRIDINTAILS['password'] :
+            session['user'] = username
+            flash('Login Successful', 'success')
+            return redirect(url_for("tasks.view_tasks"))  # ✅ This is critical!
+        else:
+            flash('Invalid username or password', 'danger')
+                
+    return render_template('login.html')    
+
+@auth_bp.route('/logout')
+def logout():
+    session.pop("user", None)
+    flash('Logout successful','info')
+    return redirect(url_for("auth.login")) 

app/routes/tasks.py

@@ -0,0 +1,58 @@
+from flask import Blueprint, request ,session, redirect, render_template, url_for, flash
+from app import db
+from app.models import Task 
+
+tasks_bp = Blueprint('tasks' , __name__)
+
+@tasks_bp.route('/')
+def view_tasks():
+    if 'user' not in session:
+            #flash('Please log in first.', 'warning')
+            return redirect(url_for('auth.login'))
+    
+    tasks = Task.query.all()
+    return render_template('tasks.html', tasks=tasks)
+
+@tasks_bp.route('/add', methods = ["POST"])
+def add_tasks():
+    if 'user' not in session:
+        return redirect(url_for('auth.login'))
+    
+    title = request.form.get('title')
+    if title:
+        new_task = Task(title=title , status = 'Pending')
+        db.session.add(new_task)
+        db.session.commit()
+        flash('Task Added Successful' , 'success')
+        
+    return redirect(url_for('tasks.view_tasks'))    
+
+@tasks_bp.route('/toggle/<int:task_id>', methods = ["POST"])
+def toggle_status(task_id):
+    task = Task.query.get(task_id)
+    if task:
+        if task.status == 'Pending':
+            task.status = 'Working'
+        elif task.status == 'Working':
+            task.status = 'Done'
+        else:
+            task.status = 'Pending'
+        db.session.commit()
+    return redirect(url_for('tasks.view_tasks'))
+
+
+@tasks_bp.route('/clear', methods=["POST"])
+def clear_tasks():
+    Task.query.delete()
+    db.session.commit()
+    flash('All tasks cleared!', 'info')
+    return redirect(url_for('tasks.view_tasks'))
+
+
+@tasks_bp.route('/debug')
+def debug_tasks():
+    try:
+        tasks = Task.query.all()
+        return f"Tasks in DB: {[task.title for task in tasks]}"
+    except Exception as e:
+        return f"Error: {str(e)}"

app/static/css/style.css

@@ -0,0 +1,213 @@
+body {
+    margin: 0;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    background: #f8f9fa;
+}
+
+.container {
+    max-width: 800px;
+    margin: auto;
+    padding: 20px;
+}
+
+/* Header */
+header {
+    background: linear-gradient(to right, #0062E6, #33AEFF);
+    color: white;
+    padding: 20px 0;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+header h1 {
+    margin: 0;
+    font-size: 28px;
+    text-align: center;
+    letter-spacing: 1px;
+}
+
+nav {
+    text-align: center;
+    margin-top: 10px;
+}
+nav a {
+  color: white;
+  text-decoration: none;
+  margin: 0 15px;
+  font-weight: 500;
+  transition: color 0.3s ease;
+}
+
+nav a:hover {
+  color: #ffd700;
+}
+
+/* footer */
+footer {
+  background-color: #343a40;
+  color: #ccc;
+  padding: 15px 0;
+  text-align: center;
+  font-size: 14px;
+  margin-top: 60px;
+  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
+}
+
+footer p {
+  margin: 0;
+}
+
+
+/* Flash messages */
+.flash.success {color: green;}
+.flash.danger {color: red;}
+.flash.info { color: blue;}
+
+/* Login form */
+.login-box {
+  max-width: 400px;
+  margin: 40px auto;
+  padding: 30px;
+  background-color: white;
+  border-radius: 8px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+
+.login-box h2 {
+  text-align: center;
+  margin-bottom: 20px;
+}
+
+.form-group {
+  margin-bottom: 20px;
+}
+
+.form-group label {
+  display: block;
+  font-weight: bold;
+  margin-bottom: 6px;
+}
+
+.form-group input {
+  width: 100%;
+  padding: 12px;
+  font-size: 16px;
+  border-radius: 4px;
+  border: 1px solid #ccc;
+  box-sizing: border-box;
+  margin-bottom: 6px;
+}
+
+.btn {
+  background-color: #007bff;
+  color: white;
+  border: none;
+  padding: 12px;
+  width: 100%;
+  font-size: 16px;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.btn:hover {
+  background-color: #0056b3;
+}
+
+.task-box {
+  max-width: 700px;
+  margin: 40px auto;
+  background-color: white;
+  padding: 25px;
+  border-radius: 8px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+.task-form {
+  display: flex;
+  gap: 10px;
+  margin-bottom: 25px;
+}
+
+.task-form input[type="text"] {
+  flex: 1;
+  padding: 12px;
+  font-size: 16px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+
+.task-form .btn {
+  padding: 12px 20px;
+  font-size: 16px;
+}
+
+.task-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.task-table th,
+.task-table td {
+  text-align: left;
+  padding: 12px;
+  border-bottom: 1px solid #ddd;
+}
+
+.task-table th {
+  background-color: #f2f2f2;
+}
+
+.btn-delete {
+  background-color: #dc3545;
+  color: white;
+  padding: 6px 12px;
+  font-size: 14px;
+  border-radius: 4px;
+  text-decoration: none;
+}
+
+.btn-delete:hover {
+  background-color: #c82333;
+}
+
+.badge {
+  padding: 5px 10px;
+  border-radius: 4px;
+  font-weight: bold;
+  color: white;
+}
+
+.badge.pending {
+  background-color: #ffc107;
+}
+
+.badge.working {
+  background-color: #17a2b8;
+}
+
+.badge.done {
+  background-color: #28a745;
+}
+
+.btn-small {
+  font-size: 12px;
+  padding: 6px 12px;
+  border: none;
+  background-color: #6c767d;
+  color: white;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.btn-small:hover {
+  background-color: #495057;
+}
+
+.btn-clear {
+  background-color: #dc3545;
+  margin-bottom: 10px;
+}
+
+.btn-clear:hover {
+  background-color: #c82333;
+}

app/static/js/script.js

@@ -0,0 +1 @@
+console.log("To-Do app JavaS");

app/templates/base.html

@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>{% block title %} To-Do App {% endblock %}</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+</head>
+<body>
+    <header>
+        <div class="container">
+            <h1>My To-Do App</h1>
+            <nav>
+                <a href="{{ url_for('tasks.view_tasks') }}">Home</a>
+                {% if 'user' in session %}
+                    <a href="{{ url_for('auth.logout') }}">Logout</a>
+                {% else %}
+                    <a href="{{ url_for('auth.login') }}">Login</a>
+                {% endif %}
+            </nav>
+        </div>
+    </header>
+
+    <main class="container">
+        {% with messages = get_flashed_messages(with_categories=True) %}
+            {% for category, message in messages %}
+                <div class="flash {{ category }}">{{ message }}</div>
+            {% endfor %}
+        {% endwith %}
+    </main>
+
+     {% block content %}
+     {% endblock %}
+     
+    <footer>
+    <div class="container">
+        <p>&copy; {{ 2025 }} My Flask To-Do App</p>
+    </div>
+    </footer>
+
+</body>
+</html>

app/templates/login.html

@@ -0,0 +1,21 @@
+{% extends "base.html" %}
+{% block title %}Login{% endblock %}
+
+{% block content %}
+<div class="login-box">
+    <h2>Login</h2>
+    <form method="POST">
+        <div class="form-group">
+            <label for="username">Username</label>
+            <input type="text" name="username" id="username" required>
+        </div>
+
+        <div class="form-group">
+            <label for="password">Password</label>
+            <input type="password" name="password" id="password" required>
+        </div>
+
+        <button type="submit" class="btn">Login</button>
+    </form>
+</div>
+{% endblock %}

app/templates/register.html

@@ -0,0 +1,4 @@
+{% extends "base.html" %}
+{% block content %}
+<p>Registration comming soon baby .....</p>
+{% endblock %}

app/templates/tasks.html

@@ -0,0 +1,46 @@
+{% extends "base.html" %}
+{% block title %}Tasks{% endblock %}
+
+{% block content %}
+<div class="task-box">
+    <h2>Your Tasks</h2>
+    <form action="{{ url_for('tasks.add_tasks') }}" method="post" class="task-form">
+        <input type="text" name="title" placeholder="New task" required>
+        <button type="submit" class="btn">Add</button>
+    </form>
+
+    {% if tasks %}
+    <form method="POST" action="{{ url_for('tasks.clear_tasks') }}">
+        <button type="submit" class="btn btn-clear">Clear All Tasks</button>
+    </form>
+    <br>
+
+    <table class="task-table">
+        <thead>
+            <tr>
+                <th>Task</th>
+                <th>Status</th>
+                <th>Change</th>
+            </tr>
+        </thead>
+        <tbody>
+        {% for task in tasks %}
+        <tr>
+            <td>{{ loop.index }}</td>
+            <td>{{ task.title }}</td>
+            <td><span class="badge {{ task.status|lower }}">{{ task.status }}</span></td>
+            <td>
+                <form action="{{ url_for('tasks.toggle_status', task_id=task.id) }}" method="post">
+                    <button class="btn-small" type="submit">Next</button>
+                </form>
+            </td>
+        </tr>
+        {% endfor %}
+    </tbody>
+</table>
+    {% else %}
+    <p>No tasks yet. Add one above!</p>
+    {% endif %}
+</div>
+
+{% endblock %}

run.py

@@ -0,0 +1,10 @@
+from app import create_app, db
+from app.models import Task
+
+app = create_app()
+
+with app.app_context():
+    db.create_all()
+
+if __name__ == "__main__":
+    app.run(debug=True)