(a) Create a clubServer.js Program

You need a server program to deliver your club content to visitors. Create a new server in the file clubServer.js. Hint: you can base this on your deployTest.js file from homework #8.

(b) Create clubBase.njk Template

Create a clubBase.njk template for use by your club site. Show the template code here. This should include your site menu (you will need to adjust the URLs).

(c) Create Home Path/Template

Create a “GET” handler on the “/” path to deliver the template index.njk. This template is based on your home page without the boilerplate in clubBase.njk. Take a screenshot and show it here. Make sure the URL to the page can be seen. Mine looks like:

(d) Create Login Path/Template

Create a “GET” handler on the “/login” path to deliver the template login.njk. This template is based on your login page without the boilerplate in clubBase.njk. Show the template code here.

(e) Create Membership Path/Template

Create a “GET” handler on the “/membership” path to deliver the template membership.njk. This template is based on your membership page without the boilerplate in clubBase.njk. We will be making this into a “real” form in a later question next.

(f) Adjust Site Menu

Adjust the menu for your site to use the proper URLs corresponding to the paths you created. Make sure you use relative URLs for all paths!!! Show the template code just for the <nav> portion here.

(a) Activity Info into JSON

Convert the JavaScript file full of your club’s event/activity data into a JSON file. On the server read this file into a global activities variable (this is taking the place of a database for right now).

(b) Activities Path/Template

Create an activities.njk template to build your activities table (rather than the embedded JavaScript you used before) with the server’s activities data. Show your template code here. Hint: see Nunjucks template docs. In your server code create a “GET” handler with path /activities to render this template.

(c) Update Site Menu

Update your site menu and make sure every page is accessible from the server. Take a screenshot of your activities page. I get something like:

(a) Create Membership Signup Form

You previously had a page/template with inputs for member sign up. Turn this into a functioning HTML form that uses a POST method and sends the data to the /membershipSignup path. You will remove any JavaScript you have on the HTML page. You will need to add name attributes to any inputs/controls and add a submit button. Take a screen shot of your updated member signup page with the dev tools showing the form element. I get something like:

(b) Signup Handler on Server

Create a handler on the to listen for the POST form on the /membershipSignup path. You should create a global memberApplications variable initialized to an empty array. Get the membership information and add it to the array, but be sure to delete the password field! We will handle that later. Send back something (for now) to the client. On the server print out (console.log) the current list of prospective members after each addition.

Take a screen show of your server log messages after a couple of members sign up. I get something like:

(c) Supply Feedback to Subscriber

We really should let the user know that they are signed up. Create a simple template to provide a customized thanks to your new member. Hint: create a thanks.njk template in the templates directory, supply it with the applicants information you just received to render a custom message.

Take a screen shot and show your server side form handling code here.

My screenshot looks like:

(a) JSON identification Interface

We need an easy way to check which server belongs to which student so you need to create a interface on the path /serverId that responds to a “GET” method request and return a JSON object with the exact format:

{
    "studentName": "Your name here",
    "netId": "Your netId here",
    "message": "Any message you would like here"
}

Take a screenshot of your browser when you visit this interface. I get something like: (don’t worry if the JSON is formatted like this).

(b) Server Deployment

Deploy your club server/site to your account on the DrBsClasses.org Node.js server and put a link to it here. Make sure it is still running after you logout of the machine.