Skip to content

Project 3 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 3 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

Project 3 Correction Opportunity

To ensure your instructor has enough time to review your Project 3 submission, you must turn in Project 3 - Part 2 by Thursday of Week 15 (see Brightspace for the date). Late submissions will be accepted, but timely feedback for corrections is not guaranteed. Therefore, it is important to plan accordingly.

Grading

The following will be assessed on Project 3

  • All Grading Criteria from Project 1
  • All Grading Criteria from Project 2
  • 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 3 - Part 2 in Brightspace (Module 3 > Week 15 > Project 3 - 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 project03 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"

Submitting Corrections

You may make corrections on Project 3 only if you turned in the submission early enough to receive instructor feedback.

You can make corrections to Project 3 one time after your instructor has reviewed your project. Once you have made your corrections, please upload the newly zipped project03 file to the same Project 3 submission link in Brightspace.

  1. Locate the submission link for Project 2 in Brightspace (Module 3 > Week 15 > Project 3).
  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.