1. Open Visual Studio 2017.
2. Now, open the solution from the previous recipe. Click File | Open | Open Project/Solution, or press Ctrl + Shift + O, and select the Chapter5.XmlDoc solution.
3. Press Ctrl + Shift + B for a quick build to check that everything is fine. 
4. Now, click on the Chapter5.XmlDoc solution label. Click File | Add | New Project.
5. In the Add New Project template dialog box, expand the Visual C# node in the left-hand pane. 

6. Select Web and select ASP.NET Web Application (.NET Framework) in the right-hand pane:

7. Now, in the Name: textbox, type Chapter5.XmlDoc.XmlMVC as the name and leave the Location: textbox at its default value:

8. In the New ASP.NET Web Application dialog box, select Empty from the template list.

9. Select MVC in the Add folders and core references for: option:

10. Leave the rest as it is and click OK to create the default ASP.NET MVC web application template. 

11. Now, the Solution Explorer should look like this: 

12. Now, right-click on the References label under the Chapter5.XmlDoc.XmlMVC project and select Add Reference.

13. In the Reference Manager dialog box, select Projects in the left-hand pane and select Chapter5.XmlDoc.XmLib in the right-hand pane:

14. Click OK.
15. Now, right-click on the Controllers folder inside the Chapter5.XmlDoc.XmlMVC project. 
16. Select Add | Controller.

17. In the Add Scaffold dialog box, select MVC 5 Controller – Empty from the template list and click Add:

18. Now, in the Add Controller dialog box, type HomeController in the Controller name: textbox:

19. Click Add.
20. Now double-click on the HomeController.cs label under the Controllers folder.

21. In the code window, right-click on the Index() method name and select Add View.
22. Leave the defaults in the Add View dialog box and click Add:

23. Click on the HomeController.cs tab in the code window.
24. Add this using directive to the top of the code, next to the last line of the directives:

        using Chapter5.XmlDoc.XmlLib;

25. Now, let's add this code inside the Index() method and before the return statement:

        var xmlFile = $"{Server.MapPath("~")}/testlog.xml";

        var xmlLog = new XMLLog(xmlFile);
        xmlLog.WriteToLog("Start at the Index() method");
        xmlLog.WriteToLog("Another log entry here");
        xmlLog.WriteToLog("Before the return statement");

26. Press F5 to test our code and you should get an output like this:

27. Now close the browser and, in the Solution Explorer, click on the Show All Files icon:

28. Now you should see that the textlog.xml label is created and the Solution Explorer should look like this:

29. Click on the testlog.xml label and you should see output similar to this:

30. Now, let's click on the HomeController.cs tab and add this code next to the Index() method:

        public ActionResult Display()
        {

            var xmlFile = $"{Server.MapPath("~")}/testlog.xml";
            var xmlLog = new XMLLog(xmlFile);

            ViewBag.LogDetails = xmlLog.ReadLog();

            return View();
        }

31. Now, right-click on the Display() method name and select Add View.
32. Follow step 22 to add the view.
33. Now, in Display.cshtml, add the following code next to the <h2> tags:

        @{ 

            var xmlLogDetails = (Dictionary<string, string>)ViewBag.LogDetails;

            foreach (var log in xmlLogDetails)
            {
                <p>@log.Key.Split('-')[0]: @log.Value.Split('-')[0]</p>
            }
        }

34. Now, let's press F5 to debug the code. By default, this should load Display.chtml in the browser; if not, type http://locahost<portnumber/Home/Display and press Enter.
35. You should see output similar to this:

36. Now close your browser and we are done.