Assignment $1$

$$ General outline about the Assignments and Project

$$ All assignments and project are built upon each other, it means you won$$t be able to start assignment $2$ until you finish assignment $1.$ Same rule applies for project.

$$ In total there are $4$ assignments and $1$ group project.

$$ Each assignment is worth $12$ Marks, but students need to show part of their work each week to earn part of the marks.

$$ Ie Assignment $1$ release on Week $2,$ and it is due on Week $4.$ So$,$ students need to show small part of assignment after end of week$2$ and week$3$ lectures to earn $1$ mark each week. Please see assignment instructions for more details:

$$ Kiosk for picking time slot for G$,$ G$2$ drive test:

o In this application you will simulate some of the actions that you perform in Drive test center. But here you have greater flexibility to pick the time of your choice. You will also develop an extension of this application by adding few other user interfaces to perform different actions. Mainly entire application consists of following parts:

o $1.$ Driver Interface $($a person who wants to take G$2/$G license$)$

o $2.$ Examiner Interface $($a person who takes driver$$s exam$)$

o $3.$ Admin $($a person who adds schedules and other stuff in the portal$)$

Assignment $1$: Node Project Setup and Add Routing

$($To make things easier, you need to finish tiny part of your assignment, after every week. Idea is$,$ you can built small proto$-$type and practice what was taught in lecture $)$

o Day $1($Week $2)$: $[$Day when assignment was released$]$:

$$ Create a Node.js project template and add page routes $[$Mark $1]$

$$ Ie app.get$(/,$ function$($req$,$ res$)\{$ res.end$($Welcome to Home Page$)\})$;

$$ You will be adding four such routes, one for each G$,$ G$2,$ Dashboard, Login

o Day $2$: $[$Week $3]$:

$$ Add View folder and create empty page template, user should be able to navigate from one page to another page $[$Mark $1]$

$$ Use EJS templating engine to avoid any redundant code and keep them in layout pages.

$$ You should also try to use some bootstrap template

o Day $3$: $[$Week $4]$ Entire assignment due $[$Mark $10]$

o Create a driver interface $($In this part you will not implement Data Saving$)$

o You will be creating four views

o Dashboard $$ simple greeting message and navigation options to navigate to Login, G$2\_$page, or G$\_$page

o Login $$

$$ you will not be working on this, but it would be simple place holder for now

$$ You will develop this later, and it offers both sign up and login functionality on the same page

$$ You can add username$/$ password field on the page for now or leave empty with some text $($Under construction$)$ no other action for now

o G$2\_$Page $$ You will use this to enter your data $$ again no need to save data for now $($Just create UI only$)$ Please separate each section on the page: ie Personal Information, Car Information etc. Later you will save all into User collection only $($You will do data validation on all these fields eventually$)$

$$ First Name

$$ Last Name

$$ License Number $$ must be $8$ characters $($alpha numeric$)$

$$ Age $$ Integer

$$ DOB $$ Date

$$ Car details $$ an object field

$$ ie make,

$$ model,

$$ year,

$$ plat number

$$ Submit button $$ submit request

o G$\_$Page $$ You will enter only License Number so that it pulls the data from the DB

$$ Text box to input $($License Number$)$

$$ If the information is correct, it pulls data and display in form $($No need to implement for this assignment now$)$

$$ Simply it pulls data that you entered from G$2\_$page $($No need to implement for this assignment now$)$

o Use the EJS templating engine to create all four views

o Note: In this assignment you are not offering to save data to DB

Summary: In the assignment you allow the user to navigate from one page to another page, using appropriate routing and create UI components only

Dashboard would look like this: