La Bagel is a restaurant in the USA with its 4 branches available in New Jersey. We
have brought this restaurant online, where customers can avail the feature of
ordering their favorite dishes at home or workplace through their mobile phone
or their laptop.

The Backstory

Food lovers are limited to no place in the world and when letting them decide their food online is what they wants. It's a fast growing business in the world which has raised the income of local businesses greatly.

This has made our Client think about it and bring her business online. She is running a bagel shop known as La Bagel in New Jersey, USA and wanted to take her business online to let the customers book their orders without visiting the store every time.

For the Customers

Customers can choose their orders from the vast menu provided. Once anything is added to the cart, it will be available for checkout where the customer can choose any La Bagel store appearing in his suggestions, calculated based on the distance of customer with the stores, to enjoy the food of his preferred branch.

How Storekeeper Manages

Whenever any order is placed, the details are made available specifically to the selected store managers. The storekeeper can manage the order from here and mark it as pending, cooking or any stage the order is in. When the order is ready, it can be made available for delivery or the pickup.

How Delivery Department Knows it’s Ready

Whenever any order is marked as delivered, the order details along with its location on map is made available for the delivery department. Any of the delivery person can pick up this delivery parcel and open the map to view direction within the application to route towards the destination.

Marked as Successfully Delivered

After going through all the process and reaching the customer, the delivery person can take an electronic signature of the customer in the device provided to him and confirm it after which the order is then marked as completed.

color palette

CMYK: 0 33 60 72 HEX: #48301d RGB: 72 48 29
CMYK: 0 86 100 10 HEX: #e62100 RGB: 230 33 0
CMYK: 0 15 48 22 HEX: #c6a967 RGB: 198 169 103
CMYK: 0 0 0 80 HEX: #333333 RGB: 51 51 51

Product Features

Customer’s Application

Dynamic Flavors

The application provides the customers a feature to choose the exact perfect matches of flavors or add-ons according to their ordered dish. The customers can choose any of those flavors or toppings in their dishes and can choose any add-on which differs based on every specific dish.

Catering Facility

The application allows the facility for catering booking where the order can be placed for catering purpose for parties or other functions.

Check Out and Make the Payment

Customers can add their order in their cart and checkout anytime they want. They can select one or more dishes and the amount will be calculated automatically based on the price and the quantity.

Choose your Favorite Store

The application allows customers to select their favorite store among the 4 based on their distance from the store. All the closest and in range stores are made available to the customers to make an order to.

Invite Friends

Customers can invite their friends via all the available social media or other communicating sources available within his phone. The invitation can be sent to those users to download the application and enjoy the whole lot of exciting features.

Order Tracking

Whenever any order is made, it can be tracked easily based on its status. It may be in the baking process, delivered or any other stage, which the user can track easily using the application..

Social Media Implementation

Customers have access to the social media to share and login to the application.

Order History

All the orders placed in the past can be found in the order history so the customers have access to check out their last expenses and records of all that they ordered.

Storekeeper’s Application

Managing Different Stages

Storekeepers can manage their order status through stage tracking feature where they can update the status of the order whether it's in the cooking process, ready, delivered or anything else.

Pre Order Booking

Not just for any specific order on any specific time, but the shopkeepers can take pre orders where they can take orders in advance for whatever customers like to eat on their preferred date and time.

History

To manager records and for business analysis, shopkeepers can track their order history where they can find all their past orders and examine customers need and create strategies accordingly.

Delivery Department’s Application

Pickup Confirmation

The delivery department can see if any new order has been updated to be delivered from where any one of the delivery executive can confirm the pickup and take the order towards its destination.

Customer Location Navigation

Whenever any delivery executive confirms the pickup, the navigation towards the delivery address is made available to him on the map so he can easily navigate towards the destination without any hurdle or delay.

Signature Confirmation

To make sure the order has reached its destination and received by the customer, customer’s signature functionality has been provided to the delivery executive where customer can make his electronic signature and confirm that the order is received.

How we Planned the Development

AngularJS 4

We have been using AngularJS as a front-end technology for web for quite a long time and with the advancement of the technology and the arrival of AngularJS 4 which has improved the performance, made the coding standards more readable and reusable and is working totally based on components, we decided to take all the nice advantages of it and take the application development to the new level.

Laravel

Laravel has always been a very strong server side framework of PHP which is more secure, robust and helps in speeding up the development. We prefer Laravel for the API development from the server side, for the application like La Bagel.

Swift 3.0

Soon after the Apple community has made Swift as the open source technology for iOS development, we started following it with its very many advantages over objective C. It is fast, error-prone and interactive with other platforms which helps in building a powerful application.

Android Java

There is no match in mobile application development for Android phones better than the Android SDK build on top of Java and is extremely fast and reliable technology for Android application development.

Platform

La Bagel has been created for both mobile and web platforms. It is specifically developed using native technologies for mobile where Swift has been used for iOS platform and Android Java for Android platform. It uses AngularJS 4 for front-end development for the web.

Database and Server

MySQL is something that can perform almost every operation a database need to perform and is the easiest and most popular. We used MySQL 5.7.18 for storing all the application data and used Apache 2.0 as the server.

SMS Messaging

Sinch has been used as the messaging service provider to verify the customer’s address. Whenever any new address is added by the customer for delivery of his order, a one time password is sent to a customer’s registered number to confirm the address selected for delivery.

Networking

For communication the server to the mobile device, Retrofit has been used to make API calls from the Android device and Alamofire from the iOS device. These are the libraries for making a server and client communication easier and in a more efficient manner.

Zeplin

It is a very nice and helpful collaboration tool which helps in generating style guides and provides easy resources for the development. It is a perfect mediator between the designers and the developers and therefore we prefer using it.

Bootstrap 3.7

It has always been the most important design friendly tool with its nice and interactive styling css classes that speed up the development and give any application a nice look and feel.

Angular Material

When working with forms or cards or any other object model, Angular Material provides very interactive and friendly library with most of the code that we may use at time of development already available to us.

Push Notification

Firebase Cloud Messaging:

It is a cloud messaging provider which we used to render push notifications to the customers. It helps in communicating with the Android customers whenever they are not using the application which can be related to new offers, bills etc.

Apple Push Notification Service :

It’s a remote notification service feature provided by the Apple community for sending push notification in Apple devices.

Social Media Integration

Login with Facebook and Twitter functionality has been made available to the users for both Apple and Android for customers to avail the feature of storing their basic information to the application without signing up separately. Customers can also share with their friends the reference to this application for them to download and enjoy their favorite food via ordering online.

Crash Reports

Crashlytics (By Fabric):

It is used for managing the application crash records with reasons for an Android Device. Whenever the application gets crashed in the middle of using, crashlytics helps development easier by providing report with the reasons of the crash which helps in fixing issues easily.

Firebase:

It is used to generate the crash report, same as that of Crashlytics but for their iOS device. It helps iOS developers generating the reason for crash more easily and fix it in the shortest time possible.

comiere ipad

Special Thanks

Anjana Patel,

Restaurateur and Director

For bringing us such a nice idea of this application and her collaboration in the project.

Gunjan Patel,

Restaurateur and Director

For guiding us throughout the way of application development and making us understand their business in a brief and easy manner.

We believe that good projects are done between people, not brands.