Skip to content

Project 4 Guide

The final project in this course is a four-page website that is about a topic of your choice. To complete the project on time, you will need to complete the following during the next four weeks.

As always, get started on project 4 immediately!

Week Project Part to Complete
Week 13 Pick your project topic
Week 14 Part 1: Complete the HTML structure and navigation of the website
Week 15 Part 2: Complete the HTML and CSS of your website
Week 16 Complete any corrections on your website

Grading

Met: Your project meets the essential learning objectives of the course. While there may be minor formatting or syntax issues, you demonstrate understanding of HTML structure, CSS styling, responsive design (via media queries), accessible form use, and basic regular expressions. Your work reflects growth and understanding of core course competencies.

Not Yet (Resubmission Eligible): Your project shows strong understanding of core concepts, but contains some errors that prevent it from fully meeting expectations. You may resubmit with corrections (see below on how to make corrections).

Not Yet (Final): Your submission contains repeated errors from earlier projects or is missing significant components. This does not qualify for corrections, and your final grade may be affected. If you believe there are extenuating circumstances, please contact me.

The following will be assessed on Project 4

  • All Grading Criteria from Project 1
  • All Grading Criteria from Project 2
  • All Grading Criteria from Project 3
  • Course Coding Standards are followed on all pages.
  • Incorporates an attractive layout that does not duplicate the Crown Coffee website.
  • Images are responsive.
  • An HTML table has been included on at least one page.
  • Header, footer, and navigation are consistent on each page.
  • Website includes at least one media query to change styles when the viewport is less or equal to 40em.
  • Website forms successfully validate input with regular expressions.
  • Website forms follow requirements outlined in the project specifications including what type of fields to include, labels, and data successfully travels to the server (Echo screen).
  • Thoughtfulness and completeness of reflection questions (below).

Submission

Part 1: Reflection

  1. Locate the submission link for Project 4 - Part 2 in Brightspace (Unit 4 > Week 15 > Project 4 - Part 2).
  2. Copy the below text (there is a copy icon in the upper-right of the textarea) and paste it into the Comments section.
  3. Answer the reflection questions.
1. Tell your Project "story". Describe how it unfolded, from its overall learnings to the obstacles and pitfalls you encountered along the way, whether they made you cringe, caused frustration, or left you exclaiming "oh no!" Elaborate on the creative approaches and solutions that took you from "oh no!" to "I got this!". Emphasize the significant takeaways and knowledge you acquired throughout the project's journey. 

2. Have have you grown as a web developer this semester? Where did you show the greatest improvement? What do you still need to work on?

3. What new skills or topics are you interested in exploring next in web development?

Part 2: Upload .zip

  1. Compress your entire project04 folder to a .zip (zipped) file.
  2. Do not zip the projects or Web Development folders.
  3. Your project contents may vary but should have at the minimum: images, styleSheets, and validations folders, with html files images, validation files, and css files in their proper folders.
  4. Click on "Upload" to upload your .zip file or you can drag and drop it into the submission window.
  5. Click "Submit"

Project 4 Corrections Policy

Because Project 4 demonstrates your overall understanding of the course material, you must meet a minimum standard on your first submission to earn the opportunity to make corrections.

çWhen Corrections Are Allowed

If your submission shows strong effort and understanding:

Minor mistakes, small oversights, or “silly errors” that don’t indicate a lack of knowledge can be corrected for additional points.

When Corrections Are Not Allowed

If your submission shows significant gaps in understanding or inappropriate AI use:

You will not be given the opportunity to revise.

The grade on your first submission will stand, which may result in a lower final grade or even failing the course.

Important Deadline

To ensure enough time for review and possible corrections:

Project 4 – Part 2 must be submitted by Thursday of Week 15 (see Brightspace for the exact date). Late submissions will still be accepted, but timely feedback for corrections is not guaranteed. Plan ahead to give yourself the best chance to earn corrections if needed.

Why This Policy Exists

Project 4 is your capstone project. It reflects your ability to integrate and apply everything you’ve learned. By this point in the course, you are expected to demonstrate independent competence. Allowing unlimited revisions on the final project would undermine the purpose of this assessment.

Submitting Corrections

If you have the opportunity to revise and resubmit your Final Project one time after it has been graded—but only if you submitted the project on time (Thursday of Week 15) and your work demonstrates a strong effort to meet expectations.

Once you have made your corrections, please upload the newly zipped project04 file to the same Project 4 submission link in Brightspace.

  1. Locate the submission link for Project 4 in Brightspace (Unit 4 > Week 15 > Project 4).
  2. Click on Start New
  3. Click on Create Submission
  4. Copy the below text (there is a copy icon in the upper-right of the textarea) and paste it into the textarea that appears under the Create Submission link and answer the reflection question.

Reflection Questions

âť— REQUIRED with resubmission

1. What specific corrections did you make?
(List the changes clearly. Be specific—e.g., “I added a media query to adjust font size and layout for smaller screens.”)

2. Why did each mistake happen?
(Reflect on what led to the error—was it a misunderstanding, oversight, or difficulty applying a specific concept?)

3. How has your understanding of web development improved through this process?
(Name the key concepts that feel stronger or more clear after making these corrections.)

4. If you had more time, what additional improvements would you make to your project?
(This helps show your awareness of your code and priorities, even if you didn’t have time to fix everything.)

Tip

  • Use the final feedback as a checklist—address every required fix.
  • Avoid repeating mistakes from previous projects.
  • Prioritize accuracy, clean code, and semantic structure.
  • This is your last opportunity to show that you’ve met course outcomes.