Project=Presentation-demo for CS student

1. 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

2. SLIDE OUTLINE
• Introduction
• Motivation
• Objective
• Methodology
• Use case Model
• Entity-Relationship Diagram
• Implementation and Testing
• Conclusion
• Limitation and future Work
• References

3. 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.

4. 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.

5. 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.

6. 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.

7. USE CASE MODEL

8. ER-DIAGRAM

9. 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

10. 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.

11. IMPLEMENTATION AND TESTING
After “npm start” starting the system
Sign up interface:

12. IMPLEMENTATION AND TESTING
Login interface:

13. IMPLEMENTATION AND TESTING
Main page-Burger Builder:

14. IMPLEMENTATION AND TESTING
Adding Ingredients:

15. IMPLEMENTATION AND TESTING
Order Summary:

16. IMPLEMENTATION AND TESTING
Check-out interface:

17. IMPLEMENTATION AND TESTING
Successful message:

18. IMPLEMENTATION AND TESTING
View Orders of login user:

19. IMPLEMENTATION AND TESTING
After clicking logout option:

20. 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.

21. IMPLEMENTATION AND TESTING OF
BACKEND
Database for User Authentication

22. 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.

23. 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.

24. 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]

25. THANKS