I'm working on a computer science question and need a sample draft to help me learn.In module 3, you will complete customer-facing web pages based on customer requirements provided in a wireframe document, adapting it to the software constraints and MEAN stack architecture. You will take the static HTML site and move it to dynamic JSON using Handlebars (HBS).Specifically, in this assignment, you will use Visual Studio Code (VS Code) to edit the HBS templates and JavaScript within the Express framework to implement Model View Controller (MVC)-style functionality.PromptContinue developing the full stack web application for Travlr Getaways. Follow the Static HTML to Templates with JSON section of the CS 465 Full Stack Guide carefully to successfully complete the following tasks:Develop and run a customer-facing frontend that meets client software requirements.Dynamically render web pages by utilizing the templating engine, Handlebars (HBS).Utilize routes and views to align with the client’s software requirements using Model View Controller (MVC).Test to ensure that static HTML transitions to dynamic JSON data and renders properly.Guidelines for SubmissionSubmit a zipped file folder which includes the updated Travlr website (travlr.zip) and the trips.json file.Requirements: zipRequirements: zip file

Please review pdf and zip files.The first programming project involves writing a program that parses, using recursive descent, a GUI definition language defined in an input file and generates the GUI that it defines. The grammar for this language is defined below: gui ::= Window STRING '(' NUMBER ',' NUMBER ')' layout widgets End '.' layout ::= Layout layout_type ':' layout_type ::= Flow | Grid '(' NUMBER ',' NUMBER [',' NUMBER ',' NUMBER] ')' widgets ::= widget widgets | widget widget ::= Button STRING ';' | Group radio_buttons End ';' | Label STRING ';' | Panel layout widgets End ';' | Textfield NUMBER ';' radio_buttons ::= radio_button radio_buttons | radio_button radio_button ::= Radio STRING ';' In the above grammar, the red symbols are nonterminals, the blue symbols are tokens and the black punctuation symbols are BNF metasymbols. Among the tokens those in title case are keywords. The character literals are punctuation tokens. Below is an explanation of the meaning of some of the symbols in the above productions that should help you understand the actions that are to be performed when each of the productions is parsed:  In the window production the string is the name that is to appear in the top border of the window and the two numbers are the width and height of the window  In the production for layout_type that define the grid layout, the first two numbers represent the number of rows and columns, and the optional next two the horizontal and vertical gaps  In the production for widget that defines a button, the string is the name of the button  In the production for widget that defines a label, the string is text that is to be placed in the label  In the production for widget that defines a text field, the number is the width of the text field  In the production for radio_button, the string is the label of the button You parser should properly handle the fact that panels can be nested in other panels. Recursive productions must be implemented using recursion. Syntactically incorrect input files should detect and report the first error. 1 Below is an example of an input file: Window "Calculator" (200, 200) Layout Flow: Textfield 20; Panel Layout Grid(4, 3, 5, 5): Button "7"; Button "8"; Button "9"; Button "4"; Button "5"; Button "6"; Button "1"; Button "2"; Button "3"; Label ""; Button "0"; End; End. The above input file should produce the GUI shown below: Deliverables: Deliverables for this project include the following: Source code correctly implementing all required functionality. Word or PDF file providing screen shots of successfully compiling and executing the program. Description of the process and lesson learned while completing this project (to be included in the Word or PDF document). A test plan that contains test cases that include both layout types, all widgets and nested panels. For each test case, the input file should be shown together with the resulting GUI. (to be included in the Word or PDF document).