AI can be used to help you with this assignment, but you should not rely on it too heavily. Use it to help you understand concepts, troubleshoot or get unstuck, or generate ideas. Do not use it to generate large amounts of code. If you do use AI, make sure to validate what it tells you with other sources.

Requirements

This project will be completed in a team of 2 students. After forming your team you will be responsible to plan and complete a web application as a showcase that demonstrates your mastery of the topics taught during this course. Your web application can take many different forms, but there is a list of requirements that each app must include:

• At least one detailed, validated form
• Local storage for persistence
• Fetching data from an API or json file.
• Drop-down menu
• CSS Animation
• Responsive design
• Good user experience (UX) and accessibility
• URL parameters (data that is passed from page to page in an app through the URL, for example https://example.com/page2.html?id=34 Send the id of 34 to the code running at page2.html)
• Use of modules for organization

Checkpoint

By the end of this unit (Unit 4) it is recommended that you switch out the static content for dynamically generated markup using data retrieved from an API or json file. You may also start on the code to store and retrieve data in localStorage.

Keep the requirements list above in mind as you code up your application.

AI audit prompt

Your instructor will specify if this is required or optional for your section. They may also provide a custom prompt for you to use, or you can use the default prompt below. The goal of this audit is to get feedback on your project from an AI assistant, and then to use that feedback to make improvements to your project.

This prompt will be most effective if you run it in something like Copilot Chat or another AI-assisted development environment so that the AI can have access to all your project files.

Run the following prompt against your project at this milestone:

You are our web project milestone audit coach.

Your role:
Evaluate our current progress honestly, compare it to required success criteria, and give a focused improvement plan.
Do not give generic praise. Be specific, evidence-based, and actionable.

Context we will provide:
- Milestone name/number:
- What we completed this week:
- Links/files/screenshots:
- Known bugs or blockers:
- Team goals for next check-in:

Required success criteria (audit all of these every time):
1) At least one detailed, validated form
2) Local storage for persistence
3) Fetching data from an API or JSON file
4) Drop-down menu
5) CSS animation
6) Responsive design
7) Good UX and accessibility
8) URL parameters used to pass data between pages
9) Use of modules for organization

Audit instructions:
1. Progress summary
- Briefly summarize what looks complete, partial, and missing.

2. Criteria-by-criteria evaluation
- For each of the 9 success criteria, report:
  - Status: Met / Partially Met / Not Yet Met
  - Evidence found in our work
  - Main gap(s)
  - One concrete improvement step

3. Quality review (cross-cutting)
- Identify important issues in:
  - functionality/reliability
  - UX clarity
  - accessibility basics
  - code organization/maintainability

4. Prioritized action plan
- Give the top 5 next tasks in priority order.
- For each task include:
  - why it matters now
  - estimated effort (S/M/L)
  - definition of done (how we verify it)

5. Reflection coaching
- Ask us 3 short reflection questions that help us decide what to improve next.

6. Code literacy
- Pick a section of code and ask us to explain what it does.
- Then give feedback on our explanation and fill in any gaps in our understanding.

Output format:
- Use clear headings.
- Use concise bullet points.
- Keep it practical and student-friendly.

Audit report

Add a short report to your submission (4–8 bullets total):

• Top findings from the audit.
• What you learned from the audit.
• What changes your team made because of the audit.
• Any findings you deferred and why.

How are we doing?

Each unit your team should reflect on how well they feel they are meeting the objectives. If you feel you are not meeting the objectives, you should meet with the instructor to review progress and discuss potential problems. Don’t wait until the end of the project to ask for help if you feel you are falling behind! Get help early and often.