Scribd
Upload
22 views

Web322 Assignment1

WEB322 Ass1

Uploaded by

martinwong.work
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
22 views

Web322 Assignment1

WEB322 Ass1

Uploaded by

martinwong.work
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

WEB322 Assignment 1

Submission Deadline and Details:


View due date on BlackBoard. All submissions *MUST* be submitted via Blackboard to
be graded. All submissions must not be LATE. No EXCEPTIONS.
Assessment Weight:
5% of your final course Grade, out of 10 marks.
Objective:
This first assignment will get you set up with your environment, tooling, and
deployment as well as introduce you to the development workflow used in this course
(Visual Studio Code + Git + Vercel).
Specification:
For this assignment, we will be publishing our first web app on Vercel

Step 1: Installing Software


To create web applications and publish them online, you will need to download and
install the following software:

● Visual Studio Code


● Node.js (Use the LTS Version)
● Git

Step 2: Following the Guide


Follow along with the "Vercel Guide" available on the course website. If you need
help verifying that the required software is installed correctly, this section provides
some additional information under “Required Software”.
Step 3: Customizing the server code (server.js)
Once you have completed the guide and have a simple "Hello World" app running on
Cyclic through your GitHub, you must personalize the output:

● Instead of "Hello World" – change your app to output your full name and student
number, ie "Elon Musk - 012345678"
● HINT: If you make any changes to your server.js file after publishing to GitHub,
you will have to:
● Commit your changes to your local GIT repo using the following procedure:
■ Click on the Source Control Icon in the sidebar that has a "1" on it in
Visual Studio Code
■ Enter a message (in the "Message" box) describing your change, ie
"updated server.js"
■ Click the checkmark above the message box to commit your
changes.

● Push your committed changes to Vercel via GitHub by clicking the “Publish
Changes” button or issuing the command: "git push” from the Integrated
Terminal in Visual Studio Code

● YOU MUST MAKE YOUR GITHUB PRIVATE.

Step 4: Inviting a collaborator to your private GitHub repository


Once you have pushed your code from your local git to GitHub, you must also send
an invite since the repository is private:

● Share this private repository by going to your “helloworld” repository in GitHub ->
Settings -> Collaborators -> Add People -> Enter “hscanlansen” and Invite
Collaborator

Assignment Submission:

1. Add the following declaration at the top of your server.js file (do not forget to
include the cyclic.app URL):

/**
* WEB322 - Assignment 1
* I declare that this assignment is my own work in
accordance with Seneca Academic Policy.
* No part of this assignment has been copied manually or
electronically from any other source
* (including web sites, friends gpt or otherwise) or
distributed to other students.
* I understand that if caught doing so, I will receive
zero on this assignment and possibly
* fail the entire course.
* Name:
* Student ID:
* Date:
* Vercel Web App URL:
* GitHub Repository URL:
**/

1. Compress (.zip) the files in your Visual Studio working directory (this is the folder
that you opened in Visual Studio – it should contain a node_modules folder, a
server.js file and package.json / package-lock.json files and your
Screenshots)

Important Note:

● Submitted assignments must run locally, ie: start up errors causing the
assignment/app to fail on startup will result in a grade of zero (0) for the
assignment.

Possible Grade Points:

Description
Screenshots of VSCode, GIT and NODE installed, included in ZIP file.
Followed the Vercel tutorial and have created a Server.js file that
works.
Instead of "Hello World" – change your app to output your full name
and student number
Pushed code to Github, with a private account
Your URL works on Cyclic and displays the appropriate information

You might also like