Initial commit

Author: KittyChiu

.devcontainer/Dockerfile

@@ -0,0 +1,11 @@
+FROM mcr.microsoft.com/devcontainers/python:1-3.11-bullseye
+
+# Install additional OS packages
+RUN apt-get update && export DEBIAN_FRONTEND=noninteractive \
+    && apt-get -y install --no-install-recommends \
+    sqlite3
+
+# Clean up
+RUN apt-get autoremove -y \
+    && apt-get clean -y \
+    && rm -rf /var/lib/apt/lists/*

.devcontainer/devcontainer.json

@@ -0,0 +1,44 @@
+{
+    "name": "Python Flask",
+    "image": "mcr.microsoft.com/devcontainers/python:1-3.11-bullseye",
+    "forwardPorts": [
+        5000
+    ],
+    "portsAttributes": {
+        "5000": {
+            "label": "Web Preview",
+            "onAutoForward": "openPreview"
+        }
+    },
+    "customizations": {
+        "vscode": {
+            "extensions": [
+                "ms-python.python",
+                "ms-python.vscode-pylance",
+                "ms-python.black-formatter",
+                "njpwerner.autodocstring",
+                "streetsidesoftware.code-spell-checker",
+                "ms-azuretools.vscode-containers",
+                "sanaajani.taskrunnercode"
+            ],
+            "settings": {
+                "python.defaultInterpreterPath": "/usr/local/bin/python",
+                "python.formatting.provider": "black",
+                "editor.formatOnSave": true,
+                "editor.rulers": [
+                    88
+                ],
+                "python.analysis.typeCheckingMode": "basic",
+                "notifications.autoHideWarnings": true,
+                "notifications.autoHideInfo": true,
+                "notifications.showErrors": true,
+                "git.autofetch": true,
+                "git.autorefresh": true,
+                "git.fetchOnPull": true,
+                "extensions.ignoreRecommendations": true
+            }
+        }
+    },
+    "postCreateCommand": "pip install --upgrade pip",
+    "postStartCommand": "git config --global safe.directory '*' && python /workspaces/guided-prompt-engineering-junior/.devcontainer/scripts/update_dates.py"
+}

.devcontainer/scripts/update_dates.py

@@ -0,0 +1,54 @@
+import sqlite3
+from datetime import datetime, timedelta
+import os
+
+# Set correct path to the database in the instance folder
+db_path = os.path.join(
+    '/workspaces/guided-prompt-engineering-junior/instance', 'habits.db')
+
+# Connect to the database
+conn = sqlite3.connect(db_path)
+cursor = conn.cursor()
+
+# Get yesterday's date instead of today
+today = datetime.now().date()
+yesterday = today - timedelta(days=1)
+
+# Get the maximum date from habit_log as reference date
+cursor.execute("SELECT MAX(date) FROM habit_log")
+max_date_str = cursor.fetchone()[0]
+reference_date = datetime.strptime(max_date_str, '%Y-%m-%d').date()
+
+# Calculate days between reference and yesterday
+days_difference = (yesterday - reference_date).days
+
+# Get all records from habit_log
+cursor.execute("SELECT id, date FROM habit_log")
+records = cursor.fetchall()
+
+print(f"Found {len(records)} records to update")
+print(
+    f"Shifting dates by {days_difference} days (from {reference_date} to {yesterday})")
+print(f"Using database at: {db_path}")
+
+# Update each record with a new date
+for record_id, old_date in records:
+    # Convert string date to datetime object
+    old_date_obj = datetime.strptime(old_date, '%Y-%m-%d').date()
+
+    # Add the difference in days
+    new_date_obj = old_date_obj + timedelta(days=days_difference)
+
+    # Convert back to string
+    new_date = new_date_obj.strftime('%Y-%m-%d')
+
+    # Update the record
+    cursor.execute("UPDATE habit_log SET date = ? WHERE id = ?",
+                   (new_date, record_id))
+    print(f"Updated record {record_id}: {old_date} → {new_date}")
+
+# Commit changes and close connection
+conn.commit()
+conn.close()
+
+print("All dates updated successfully!")

.github/CODEOWNERS

@@ -0,0 +1 @@
+*  @kittychiu 

.github/copilot-instructions.md

@@ -0,0 +1,7 @@
+# Project standards
+
+## GitHub Copilot Chat 
+
+- Keep responses and questions simple, talk like a 14 years old
+- Be explicit when an action needs to be taken from human side
+

.vscode/tasks.json

@@ -0,0 +1,32 @@
+{
+    "version": "2.0.0",
+    "tasks": [
+        {
+            "label": "Install Dependencies",
+            "type": "shell",
+            "command": "pip install -r requirements.txt",
+            "presentation": {
+                "reveal": "always"
+            },
+            "problemMatcher": []
+        },
+        {
+            "label": "Run Habit Tracking App",
+            "type": "shell",
+            "command": "python",
+            "args": [
+                "app.py"
+            ],
+            "problemMatcher": [],
+            "presentation": {
+                "reveal": "always"
+            },
+            "dependsOn": [
+                "Install Dependencies"
+            ],
+            "runOptions": {
+                "runOn": "folderOpen"
+            }
+        }
+    ]
+}

README.md

@@ -0,0 +1,121 @@
+# 🌟 Build Your Own Habit Tracker App! 🌟
+
+Hey there! In this cool project, you're going to create your very own habit tracking web app. It's going to be AMAZING!
+
+## What You'll Make 🚀
+
+A super awesome web app that helps you track your daily habits - like doing pushups, drinking water, or practicing coding. You'll be able to:
+- Add new habits you want to track
+- Check them off each day
+- See how well you're doing over time
+
+## What You'll Learn 🧠
+
+- How to chat to GitHub Copilot to create things you can use
+- How to create app with HTML, CSS, Python and JavaScript
+
+## Getting Started 😎
+
+1. Log into your GitHub user account (or create one if you don't have any)
+2. Click the **[Use this template]** button at the top of this page and select **[Create a new repository]**. 
+
+3. Fill in the form and click **[Create repository]**
+
+> Wait for a minute to copy the files over and page to load
+
+4. Click the **[Code]** button, then select the **[Codespaces]** tab
+5. Click **[Create codespace on main]** button to start your coding workspace
+
+> Wait a minute while your coding space loads (it's like loading a video game!)
+
+6. Once it's ready, you'll see your project files on the left side, and a Habit Tracking app at the centre
+7. Open **GitHub Copilot Chat**, and say *"Hello"*
+
+> Wait for GitHub Copilot Chat to load and reply back to you
+
+8. Select **[Agent]** mode and **[Claude Sonnet 3.5]** model, and start chatting with the following prompts!
+
+> Wait till you see a Habit Tracker starter app loaded and Copilot greet you back.
+
+## Guided Prompt Engineering ⚙️
+
+Hey there! Here's what to do with these prompts:
+
+1. Copy each prompt one at a time
+2. Paste it into the **GitHub Copilot Chat** window
+
+> Wait for Copilot to give you a response (this might take a few minutes)
+
+3. Follow Copilot's instructions to build your app step by step
+4. If you get stuck, ask your instructor for help!
+
+Try these prompts in order - each one builds on the one before:
+
+:bulb: *When you first use GitHub Copilot, your browser might prompt you twice to enable it. Just follow the instructions, and you'll be good to go!*
+
+#### 🗨️ Prompt 1
+
+```
+My coach gave me this code, I have no idea what this is, can you help me?
+```
+
+#### 🗨️ Prompt 2
+
+```
+How do I run it?
+```
+
+#### 🗨️ Prompt 3
+
+```
+Add a champion badge when I can do the habit for 5 consecutive days
+```
+
+#### 🗨️ Prompt 4
+
+```
+Give me positive message every day so I can stay motivate, even offline.
+```
+
+#### 🗨️ Prompt 5
+
+```
+I want to share my progress with friends, can you add the share buttons for Facebook, TikTok and X?
+```
+
+#### 🗨️ Prompt 6
+
+```txt
+The app looks kinda boring, can you change it with Flintstone theme?
+```
+
+## Get Creative :art:
+
+Awesome! Now you've built an app that looks great, works perfectly for tracking habits, and keeps you motivated. What other cool features would you like to add to make it even better?
+
+Here are some examples:
+
+#### 🗨️ Prompt: Add daily reminder
+
+```
+I want to download the habit into my calendar with daily reminder
+```
+
+#### 🗨️ Prompt: Make a graph
+
+```
+I don't like the boring list of check-in dates in the habit page, instead displaying the check-in dates with interesting graph 
+```
+
+## Need Help? 🆘
+
+If your app disappears or stops running, ask Copilot for help by saying:
+
+```txt
+My app has disappeared, help me run the app.
+```
+
+Or, if you'd like to fix it yourself, go to **Task Runner** side window and select **Run Habit Tracking App**.
+
+Don't hesitate to ask your instructor or friends if you get stuck—everyone needs help sometimes!
+