Registration number web application

Create a web application that displays a registration number plate. The number plate should have a rounded corners, a black border and a yellow or silver-grey background. Users should be able to type in a url http://localhost:3001/reg_number/CY 123 345 that should display a registration number for CY 123 345. A user should be able to enter any registration number as the last part of the URL.

Setup

In your projects folder create a registration_numbers_webapp folder. Create an ExpressJS server instance in a index.js file.

Create a file called registration_number.css for your CSS. create a public folder in your projects root folder. You will need to configure express.static middleware to expose your CSS to your route templates.

Link the css to your html page using a link element.

<!-- -->
<link rel="stylesheet" href="/css/registration_number.css">

Required skills

ExpressJS

You will need the ExpressJS skills below to be able to do this exercise.

• Setup an ExpressJS server
• Create a get route with a dynamic parameter
• Start an ExpressJS server
• Add a ExpressJS middleware to serve client side files such as CSS & JavaScript using express.static middleware
• Use the HttpResponse object’s .send` method to response to the browser.

Handlebars

• Create a Handlebars template file on disk
• Read the Handlebars template file from disk and store it in a variable
• Compile the Handlebars template variable
• Use the compiled Handlebars template to create a Registration number HTML string