• The project must have a subject.
• It should include some SVG -- perhaps a logo for your project.
• There should be at least one external data source -- a JSON file or API.
• There should be at least two HTML pages.
• Each page must contain at least ten elements (header, paragraph, select, table, input, etc.)
• It should have some Vue code.
• It should have some React code.
• The pages should have an some style that has at least 20 attribute-value pairs. At least one should be a pseudo-class or pseudo-element.
• There should be some newer CSS, e.g. grid, filter, transition/animation.
• Each page should have meta tags for charset, author, description and keywords. Include at least one more meta tag.
• There should be at least two of homework demos for w3schools: tabs, accordion, slideshow, modal, etc.
• There should be at least two new HTML5 tags.
• Each page should involve some interaction.
• The code should include at least one if, one loop, one array and one object. (You could substitute a timer for the loop.) Yes, looping over an array of objects would count for loop, array and object.
• I should not be able to make your page crash by entering "bad data" or performing events out of order (such as clicking Button2 before Button1).
• The code should include some type of calculation, string manipulation (beyond mere concatenation), etc. (You can ask if you are unsure that your project meets this criterion.)
• The code should be commented -- more than just your name -- but explanations of what the code does, what the style does, etc.
• The above is minimal. Some points will be reserved for doing more than the minimal. For example, if your if involves a regular expression or if your React code is more involved.
• The project is done individually. It should be your own work.

				fetch('FiveGuys.json')
				.then(response => response.json())
				.then(data => {
					this.sandwiches = data.sandwich;
					this.cook_levels = data.cook_level;
					this.toppings = data.toppings;
					this.sides = data.sides;
				})
				.catch(function(error){
					console.log(error);
				})		
		

			methods: {
				calc(){
					//alert("HI");
					this.total=0.0;
					if(this.user_sandwich){
						this.total = this.user_sandwich.sandwich_price;
					}
					for(i=0; i< this.user_sides.length; i++){
						this.total += this.user_sides[i].side_price;
					}
					this.total = parseFloat(this.total).toFixed(2);
				}
			}