In this lesson, we will create a route and a web page template that will be responsible for adding new movies to the database. On the web page, we will have a form where users can enter the movie title, director, genre, review and other information. At this stage, any user will be able to add data to the database but you could add a login system or a moderation system later on.

We will need to create a template for the form as well as two routes:

• One route will take a GET request for the page that will display the form. This will be the app.get('/add') route.

• A second route will take a POST request to submit data from the form and save it to the database. This will be the app.post('/add') route.

Let's first create the route for the GET request for '/add' so that we can display the page with the form to users. Add the following block of code to your index.js file (make sure it is above the app.listen() function):

// Show the 'add movie' form

app.get('/add', (req, res) => {
res.render('add');
});

We will also need to add HTML code to create a form in the add.ejs template file (in the views directory/folder). This code will add text boxes so the user can input data about a movie. Each text input has a name eg. "title" or "genre". Notice that the form method is "post" and the action is "/add", so when the form is submitted, a POST request will be made with the '/add' route which will handle the form data and save it to the database.

Add the following HTML code to the add.ejs template file in the views directory/folder: