In this course, you will be building a full stack application, specifically called the MEAN stack. The acronym contains letters representing some of the critical software you will need to install before you begin development (MongoDB, Express, Angular, and Node.js). Before you begin this assignment, be sure to do the following:

Install Node.js and the Node package manager (NPM).

Review the Project Guidelines and Rubric for this course.

Review Travlr Getaways software requirements, including the wireframe (provided in the Project Guidelines and Rubric).

Download and review the Travlr Getaways HTML mockup pages in the travlr.zip file folder. The zipped file contains a mockup of the site consisting of HTML pages, a stylesheet, and images. Unzip the compressed file and double-click on index.html to open the webpage in the browser (as shown below).

In this assignment, you will produce a working shell of the customer-facing web application that renders in the browser. All of the steps are clearly outlined in your Full Stack Guide. You will be referring to this guide throughout the course.

Prompt

Refer to Intro, Setup & Static HTML Site in the Full Stack Guide. Before you begin, clone your GitHub repository to a directory on your local computer, update the Git Ignore settings, and create a module1 branch to track the work done here.

Your goal is to create a full stack web application based on the client wireframe. Begin by setting up the website folder in the server framework application called Express. This framework will be able to serve static HTML content and support using JavaScript to code the necessary logic and behaviors required to meet the client requirements. Specifically, you must build a website using the Node.js server and the Express framework.

After the Express site is initialized, you will import the static HTML into the public folder and verify that the web server correctly sends the content to your web browser when you navigate to the proper URL. Specifically, you must correctly place static HTML content into the appropriate Express framework folders. Test the software application by using input and output to show that the application is able to display the HTML in Express. Specifically, you must test the software installation to show that it renders the static HTML content in the browser.

Guidelines for Submission

Complete the steps to produce a working shell of the customer-facing web application that renders in the browser. Submit (1) a screenshot showing that Express is working and (2) a compressed zip file of the updated website folder.

Please note: You will also push your local Git repository module1 branch to your GitHub repository. This procedure will become second nature to you as you move through the course modules. In the end, you will have a full stack web application with branches that represent key stages of building a full stack application leading up to full project completion.