Homework answers / question archive / WEB322 Assignment 2    Background : You will need to have access

WEB322 Assignment 2    Background : You will need to have access

Computer Science

Share With

---

WEB322 Assignment 2    Background : You will need to have access...

 

WEB322 Assignment 2 

 

Background: You will need to have access to a code editor.  You will also need a thorough understanding of HTML 5, CSS3, Javascript, "Node.JS" and Express.

 

Assignment Submission Requirements

• An electronic copy of your work should be uploaded to the Blackboard by midnight on the deadline date. 
• This Assignment WILL NOT BE ACCEPTED VIA EMAIL.

Assignment Regulations

• This assignment must be done individually.
• Please review Seneca's policies on Academic Integrity, specifically:

"Each student should be aware of the College's policy regarding Cheating and Plagiarism. Seneca's Academic Policy will be strictly enforced.To support academic honesty at Seneca College, all work submitted by students may be reviewed for authenticity and originality, utilizing software tools and third party services. Please visit the Academic Honesty site on http://library.senecacollege.ca for further information regarding cheating and plagiarism policies and procedures.
." Thus, ensure that your code or any part of it is not duplicated by another student(s). This will result in a percentage of zero (0%) assigned to all parties involved.

Technical Requirements

• All back-end functionality MUST be done using Node JS and Express. 

Detailed App Specification

Live Fit Food (https://livefitfood.ca/) is a popular Canadian meal delivery company that prepares, cooks and delivers healthy meals straight to your door. You have been contracted as a Full Stack developer to develop your version of the Live Fit Food's website. 

 

Your website does not have to look the same as theirs but you should rather use their website (or similar meal delivery websites) to inspire the look and feel for your implementation. 

In this assignment, you will ONLY focus on building views for your website/web application. No database connectivity is required. Specifically, you are ONLY required to implement the following :

Features

Express web server set up

 

Create an Express web server that listens to incoming HTTP requests.

 

Route Handlers Implementation

 

Ensure that you create route handlers that will direct users to specific views when they navigate to the following routes:

• Home 
• Meals Package Page

 

Home Page

 

You are required to build a well designed home page that consists of the following sections:

 

• Header - The header MUST contain the logo of your website and could contain the navigation bar and any other content you deem necessary. 

 

• A Navigation bar - The navigation bar can be within the header or defined as an entirely new area. It MUST have a link to go to the meal package listing page. 

 

• A Hero Section- The section must have a prominent image or video element that is placed at the top of your pages, below the header and navigation section. Example :