i -Burger SUBMITED BY MD Faisal Kabir Student ID: 17CSE050 Session: 2017-2018 Dept of CSE, BSMRSTU SUPERVISED BY Nasif Ahmed Lecturer Dept of CSE, BSMRSTU
Slide outline Introduction Motivation Objective Methodology Use case Model Entity-Relationship Diagram Implementation and Testing Conclusion Limitation and future Work References
Introduction I-Burger is a web application which is designed for creating Burger as user’s choice. Users can signup/login to the system. Build their own burger with favourite ingridients . Order the burger. Check out to their address to get delivery.
Motivation Motivated from burger booth from many foreign country. Order food online from home to get delivery. Related work like Gourmet Burger Builder UK, Foodpanda , Burger king etc.
Objective Main objective is to helps the customer to build their own burger and order it. To simplify buying system and paying the bill using online devices like Computer, Smartphone, Tablet etc. Also the sellers to manage the sell easily and paying the bill using online devices like Computer, Smartphone, Tablet etc. Customer can order burger comfortly from home or office.
Methodology The system is developed using JavaScript ,Bootstrap, CSS Most popular frond-end framework React Js & Firebase for backend. React-router, react-redux, api & etc. also applied here. Centralized the application for using methods like Signup/login, Order product, Showing orders comfortably.
Use case Model
Er-Diagram
Implementation and Testing Hardware Requirements: Minimum 1.9 gigahertz x86 or x64-bit dual core processor with SSE2 instruction set or more. Memory: 2 GB RAM or more Software interface: Operating System (Windows 7 or Above) Web Browser: IE 10 or above, Mozilla FF, Google Chrome Node.js install (for development) Visual Studio Code (for development) “ npm .install” to install the Node Modules as it is important to Run in Development mode
Implementation and Testing The application is tested ok and it runs in all types of devices with browser support as it is a cross platform and Responsive web application. System testing makes logical assumptions that all the part of the system are correct. In the web based application smallest testable unit is Web page itself. So the web page of the application unit tested The uncover weakness is corrected such away that it does not affect the forced system failure.
Implementation and Testing After “ npm start” starting the system S ign up interface:
Implementation and Testing Login interface:
Implementation and Testing Main page-Burger Builder:
Implementation and Testing Adding Ingredients:
Implementation and Testing Order Summary:
Implementation and Testing Check-out interface:
Implementation and Testing Successful message:
Implementation and Testing View Orders of login user:
Implementation and Testing After clicking logout option:
Implementation and Testing of Backend In backend we used Firebase for order store and get from database. We also used Firebase google authentication api for user’s authentication to successfully signup/login system.
Implementation and Testing of Backend Database for User Authentication
Conclusion Large companies manufacturing computer software and component, traders began to enter the network with traditional goods. Now, almost any Foods can be bought through the Network. Online Food Ordering is the process of earning money using Internet technologies for sellers and time saving for customers.
Limitation and future Work One of the main limitation is people cannot get their food by real seeing of their eyesight. In future if the admin management system is added the system will be easily handle and manageable for admin or burger stores. This prototype can be used to Develop Commercial Food ordering System like foodpanda , Hungry-naki.com etc.
References [1] Bohubrihi.com (Full stack web development Course) [Accessed Date: February 2022] [2] Java Script Documentation, https://devdocs.io/javascript/ [Accessed Date: February 2022] [3] Fire base Documentation, https://firebase.google.com/docs? [Accessed Date: February 2022] [4] Related Work and Design, https://foodpanda.com.bd, BurgerKing [Accessed Date: February 2022] [5] Coding tutorial, https://www.w3schools.com/ [Accessed Date: February 2022] [6] Overall information, https://www.wikipedia.org/ [Accessed Date: February 2022]