Skip to content

Module#3_GroupProject.md

Latest commit

 

History

History
161 lines (99 loc) · 3.51 KB

Module#3_GroupProject.md

File metadata and controls

161 lines (99 loc) · 3.51 KB
Raw

Group Project 2025/26

image

What Are You Building?

You are building a real website that:

  • Has a Python backend
  • Has an AI-generated front-end

The website must:

  • Have at least 3 pages
  • Use Python functions YOU wrote
  • Follow a clear and consistent design based on your wireframe

Step 1: Choose a Problem

Your group will choose one real problem from one of these areas:

  • Friends & family
  • Community (city)
  • School / education
  • World

Possible Problems You Can Choose From

  • Time Management and Procrastination: Difficulty managing time and staying focused when tasks feel demanding or easy to postpone.
  • Balancing Life Domains: Struggling to balance schoolwork, family responsibilities, hobbies, and rest.
  • Digital Distraction: Challenges staying focused due to frequent phone or online distractions.
  • College Preparation: Feeling uncertain about how to approach the college-prep process and its many steps.
  • Personal Wellbeing: Experiencing stress, low energy, or emotional overload during busy periods.
  • Physical Health: Difficulty maintaining healthy routines around sleep, movement, and nutrition.
  • Personal Values: Not being fully aware of one’s core values or how they influence daily choices.
  • Friendship Misunderstandings: Having trouble navigating misunderstandings or tension with friends.
  • Personal Finance: Feeling unsure about managing a small personal budget or financial decisions.
  • Speaking Up and Sharing Ideas: Feeling uncomfortable or hesitant when sharing ideas, speaking in groups, or presenting.

Your job is to:

  1. Understand the problem deeply
  2. Find the root problem
  3. Design a practical tool or solution

Step 2: Create a Wireframe

A wireframe is a simple visual plan of your website.

It must show:

  • All pages
  • Page layout and how you'll connect the pages together
  • Buttons
  • Forms
  • Inputs and outputs
  • Navigation bar
  • etc..

Your design must be consistent across all pages.

Step 3: Write the Planning Document

This document explains how your project works.

It must include:

  • The problem and your solution
  • Role division (who does what)
  • The main feature of the website
  • What data is saved in JSON

Step 4: Backend Code (Python + JSON)

JSON File

Your JSON file is your database.

It must be able to:

  • Store data
  • Retrieve data
  • Update data
  • (Optional) delete data

Python Functions

Your backend must include these functions:

Required:

  • load_data() → reads data from JSON
  • save_data() → saves data to JSON

Main Feature Function:

  • One function that solves the problem, it should include some kind of user input (for example: add a task, report a complaint, add an item, do a calculation)

Step 5: Build the Website (Using AI)

Your website:

  • Has at least 3 pages
  • Is generated using AI
  • Each page must use your Python functions
  • Matches the wireframe
  • Uses a consistent design theme
  • It's very important to also include in your prompt

⭐ Bonus

  • Use API keys

🗓 Project Timeline

Session 1

  • Brainstorm ideas
  • Get problem and solution approved

Session 2

  • Focus on backend
  • Build Python logic

Session 3

  • Worktime

Session 4

  • Generate UI with AI
  • Test using prompts

Session 5

  • Final worktime
  • Practice presentations (dry-runs)