Create an application for a Juice Shop that will connect to a MongoDB database for storing all the orders This application should be built using HTML, CSS, JS, EJS, Node js, and MongoDB only All the business logic handling form submissions should be on the server side only The Juice Shop sells Mango Juices ($2 99 each), Berry Juices ($1 99 each), and Apple Juices ($2 49 each) only To place an order, a customer is required to provide their Name and Phone number The phone number should be a 10 digit number Use only server side validation for Name and Phone number Do not use input type number or min max required attributes from HTML Once an order is placed, the user should be shown an order confirmation with all the order details along with Sub Total (total cost of all juices), Tax ( 13 ), and Total Cost (Sub Total Tax) Create a separate page to view all the orders in a tabular format The table should show all the information from the orders along with Sub Total (total cost of all juices), Tax ( 13 ), and Total Cost (Sub Total Tax) Please refer to the wireframes attached to get an idea of what the output may look like The calculations on the wireframes may or may not be correct You are free to choose the design, fonts, and colors as long as you fulfill the minimum requirements mentioned The use of some basic CSS is expected to make the application user friendly

Answered step by step

Verified Expert Solution

Link Copied!

Question

1 Approved Answer

Posted on Sep 05, 2023

Create an application for a Juice Shop that will connect to a MongoDB database for storing all the orders. This application should be built using

Create an application for a Juice Shop that will connect to a MongoDB database for storing all the orders. This application should be built using HTML, CSS, JS, EJS, Node.js, and MongoDB only. All the business logic/handling form submissions should be on the server side only. The Juice Shop sells Mango Juices ($2.99 each), Berry Juices ($1.99 each), and Apple Juices ($2.49 each) only. To place an order, a customer is required to provide their Name and Phone number.
The phone number should be a 10-digit number. Use only server-side validation for Name and Phone number. Do not use input type number or min/max/required attributes from HTML. Once an order is placed, the user should be shown an order confirmation with all the order details along with Sub Total (total cost of all juices), Tax (@ 13%), and Total Cost (Sub Total + Tax).
Create a separate page to view all the orders in a tabular format. The table should show all the information from the orders along with Sub Total (total cost of all juices), Tax (@ 13%), and Total Cost (Sub Total + Tax). Please refer to the wireframes attached to get an idea of what the output may look like. The calculations on the wireframes may or may not be correct. You are free to choose the design, fonts, and colors as long as you fulfill the minimum requirements mentioned. The use of some basic CSS is expected to make the application user-friendly.

Step by Step Solution

★★★★★

3.39 Rating (143 Votes )

There are 3 Steps involved in it

Step: 1

Set Up the Project 1 Create a new directory for your project eg juiceshopapp and navigate to it 2 Initialize a Nodejs project by running npm init and follow the prompts This will create a packagejson ... blur-text-image