Term Project
For your term project, you need to create a website for an organization, portfolio, or (real or fictitious)
company.
As always, you have total freedom over content, design, and layout.
As always, you have total freedom over content, design, and layout.
Requirements
Your website must be hosted on
AwardSpace or 000webhost
and must minimally contain the following elements:
Publish the website under a subdomain URL such as is1500finproj-NUID or whichever one is assigned by your web publishing tool.
- At least 4 pages (examples: Homepage, Store, Contact Us, Gallery, Brochure, etc.). Two of those pages are described below.
- Titles and meta tags for each page.
- All pages on your website must contain an identical responsive Boostrap navbar that links to every other page.
- Any of the pages of your website MUST contain the following items:
- at least three images of which one must be an animated GIF
- at least one embedded video
- at least one form (This is in addition to the form in the store described below)
- The form must have some JavaScript input field validation.
- The form must have a CAPTCHA that performs some kind of calculation. You can refer to this example as a reference.
- The form must have proper error feedback right next to the "offending" field.
- The form must use appropriate Bootstrap classes, you can use this documentation as a reference.
- The form should be substantially different from the ones built in the labs/assignments to receive full credit
- at least one use of JavaScript image hover; an image hover means that some text area or some other aspect of a web page changes when the mouse cursor moves over an image (See here for reference.)
- at least one use of JavaScript rollover (can be combined with the question above); a rollover means that an image changes when the mouse cursor moves over the image (See here for reference.)
- at least one use of the Bootstrap grid system
- One of your pages must be dynamic and driven through a database (such as MySQL and PHP and hosted on
a server such as AwardSpace)
- This page must be substantially different from the one built in the labs/assignments (it has to look different and the database should have more fields than the one done as an assignment)
- Note: AwardSpace only allows you to create a single database, so re-use the database from your assignment and simply add a new table to it.
- One of your pages MUST be a store. This includes a listing of all products and a form to make a
purchase:
- The listing should include details for at least four products.
- Products must have full descriptions, prices, and pictures. You may have additional fields as needed.
- The store form should allow the users to choose a product, the corresponding quantity, and "Calculate" the final price.
- Add a checkout button allowing the user to pay via Stripe or Paypal. When the user clicks this "Purchase" button, the external payment gateway must open.
- Hint: There are 2 buttons in this form. The user first selects "Calculate" to see the final price, and then "Purchase" to checkout.
- Note: You do NOT have to actually make the payment system work unless you plan on using the web site for purposes beyond the course.
- Additional Criteria:
- All elements MUST be styled using appropriate Bootstrap classes.
- CSS and JS should be in external files.
- Follow best practices for JS. You can use this documentation as a reference
- As always, attention to aesthetics is important. Using Bootstrap already takes care of most of this. Additionally, pay attention to consistent spacing, font-sizes, image dimensions, etc. We do understand this is a subjective concept and will be grading accordingly.
- Make sure all your code is indented correctly.
- Having only minimum elements in your project will not earn you full credit; it will only earn you a maximum of 90 points. You must go beyond the minimum to earn a full score.
Publish the website under a subdomain URL such as is1500finproj-NUID or whichever one is assigned by your web publishing tool.
Submission
You must submit a zip file containing all the HTML/CSS/JS/PHP files of your website to Canvas. Also, attach
a URL to your public website as a submission comment.
You can use this grading checklist to help you.
Approximate Time to Complete: 10 - 15 hours
Maximum Points: 100
Due Date: See Canvas
Maximum Points: 100
Due Date: See Canvas