1. Technology Survey
We have gone through two technologies integrated in Salesforce – Visualforce and Lightning. We
designed a page using both technologies. Both have their pros and cons. The details are listed
below:-
1. Lightning
 Pros
 Designed for desktop and mobile applications
 Integrated with Bootstrap
 Cons
 Poor Performance. Components take a long time to load. Even scrolling takes
considerable amount of time
 Difficult to work with external JavaScript libraries
2. Visualforce
 Pros
 Good performance. Page loads very fast.
 Easily integrates with external JavaScript libraries
 Cons
 Some JavaScript code does not work as expected
Earlier we had decided for Lightning since its designed for hand held devices and its integration
with Bootstrap, however, the performance is a major concern.
Visualforce, on the other hand, has very good performance and integrates with Bootstrap and
jQuery quite easily.
So, we have decided to use Visualforce as the technology to be used in the project.

2. Basic outline of the Landing Page

3. Description of the Tabs:
1) Menu
 Clicking on the menu tab will open up the menu and the food items will be visible to
the customer.
 Menu tab will be open by default when the app is started and once the user clicks on
close cart button.
2) View Cart
 Customer can view the items in the cart anytime by clicking on the view cart button
on the top or by clicking on view cart tab on the bottom of the page.

4.  Cart will contain the list of the food items selected by the customer, the quantity,
individual price, total cost of the order and options to remove items from the cart
and place the order.
 The view cart button at the top will be a short image of a cart instead of a horizontal
button.
3) Appetizers
 Clicking on the appetizers tab will display all the appetizers that the restaurant
has to offer.
 Each food item card displayed in this tab will contain the name of the recipe, a
short description, its price, a small image of the recipe at the background , a
checkbox to add item to the cart and ‘+’ or ‘– ‘ buttons to increase or decrease
the quantity to be ordered.
 The card will also contain a link called ‘details’ that will open a small popup that
will display more information about the recipe like calorie count and the
ingredients.
4) Entrée and Dessert
 Similar to Appetizer tab
 This is just the outline of the page and the styling is still pending.
 The appetizer, Entrée and Dessert tabs will contain a chef’s special, or special offers
panel at the top that will display the offers offered by the restaurant on the food items.
 All the tabs will be in color and a background image will be included.