Web Development Frontend
Web Development Frontend
Kanchanpur, Nepal
A Project Report On
"FOOD DELIVERY"
Submitted in the partial fulfillment for the requirement for the conferment of degree
of BACHELOR OF SCIENCE
In
2023
i
TRIBHUVAN UNIVERSITY
Kanchanpur, Nepal
SUPERVISOR'S RECOMMENDATION
This is to certify that this project prepared by Neetu Pant " Online Food Delivery "
which is being submitted by to Department Of Computer science and Information
Technology, Siddhanath Science Campus in partial fulfillment of the requirements for
the award of the degree of Bachelor of Science and Information Technology is
prepared under my guidance and supervision.
…………………………..
Project Supervisor
Department of CSIT
Mahendranagar , Kanchanpur
ii
LETTER OF APPROVAL
We , the supervising committee of Siddhanath Science Campus , have successfully
supervised and approved the internship report entitled " Web Development
Frontend " at "XDezo Technologies Pvt. Ltd. " submitted by Neetu Pant , BSc
CSIT 8th semester . During our supervising period , we found that the corresponding
report has been prepared as approved by this department in the prescribed format of
Bachelors of Science in Computer Science in Computer Science and Information
Technology . This report is forwarded for further examination.
…………………….. ………………………….
………………………. …………………………
iii
ACKNOWLEDGEMENT
With great pleasure, I would like to express my heartfelt gratitude to all who have me directly
or indirectly throughout the preparation of this project. My heartfelt thanks go to my project
supervisor, Mr. Dammar khadayat, of XDezo Technologies Pvt. Ltd. For providing his
valuable guidance. It is indeed a matter of great pleasure to submit this documentation under
his supervision
.
And, I am highly indebted to Mr. Dinesh Thapa , the Chief Executive Officer (CEO) of
XDexo Technologies Pvt. Lvd. For providing me with such an opportunity to carry out my
internship program at the organization.
I would like to express my sincere gratitude to our internship supervisor Mr. Keshav Datt
Bhatt , and all the teachers for providing the most valuable time , suggestions and guidance
during the preparation of this report.
I would also like to thank Mr. Upendra Joshi , HOD of Department Of Computer Science , for
his constant suggestions and guidance . His painstaking encouragement helped to boost
morable for the completion of this project .
And last , I would like to thank all the individuals who directly and indirectly helped me
during my study and report preparation period. I am grateful to them .
Thanking you ,
iv
ABSTRACT
This report presents the complete information about my internship at XDezo Technologies
Pvt. Ltd which contributed to becoming familiar with practical aspects of the theoretical
knowledge gained during my undergraduate degree . The application is designed and
implemented based on two main concepts of responsive and dynamic web design . With the
responsive web design concept, the website provides applicants with intuitive application
process and project information with optimal viewing experience on any device .
This XDezo Technologies Pvt. Ltd. Is one of the well-known and most esteemed tech
company in Nepal. Its contribution to the growth and development of people in Nepal by this
dynamic Team.
Food Delivery system is an online based website designed to allow the customers to order
food from restaurants through this website. It is the process of placing a meal order through a
website from a nearby restaurant or food cooperative. It allows clients to maintain accounts
with them in order to make regular ordering easier, much like ordering consumer products
online .
The project is developed using HTML , CSS , Bootstrap and JavaScript for the frontend , PHP
as backend , and My SQL as the database with the understood and operated to everyone .
Overall , I found a good platform for exposure in the industry for my internship program , the
internship program provided a platform to sharpen personal as well as technical skills , on-
the- job exposure to the organization's culture and behavior, working styles , time
management and copying with the changing environment and to develop and uplift
confidence with excellent working experience.
v
Table of Contents
MENTOR'S RECOMMENTATION…………………………………………i
1.1Introduction ..................................................................................1
1.2ProblemStatement..........................................................................2
1.3Objectives .....................................................................................3
General Objectives…………..…………………………………...
Specific Objective……..……….………………………...………
1.4 Scope and Limitation .............................. ..................................................4
Scope..................................................................................................
Limitation...........................................................................................
1.5 Report Organization ..........................................................................................5
vi
CHAPTER 3: INTERNSHIP ACTIVITIES....................................................................................10
4.1 Conclusion...................................................................................21
References......................................................................................................
vii
LIST OF ABBREVIATION
Pvt.: Private
Ltd : Limited
UI : User interface
UX : User experience
viii
LIST OF FIGURE
ix
LIST OF TABLES
x
CHPTER 1: INTRODUCTION
1.1 Introduction
Food delivery system is web – based application that the admin handle all the activities online
. Interactive GUI and the ability to manage various food booking and delivery make this
system flexible and convenient. This application gives the power and flexibility to manage the
entire system from a single online system. Food delivery system provides food ordering, food
items listing with price , and home delivery and cash on delivery facility . This system allows
the admin to post the food items, listing the price, add the food, take place the order of food
online , admin has the power of either approving or disapproving the customer's booking
requests . The system is useful for both costumer and returner owners .
The system will be simple and attracted which will make the customers comfortable to use
and choose their food online and can pay case on delivery . The system allows the admin to
check the food order from interactive graphs and they will be notified of each new change
made in system . The system maintains the food items available and take place the order from
customers .
The problem statement for the online food delivery system typically includes the user
convenience , restaurant integration , order processing , delivery logistics , user experiences ,
rating and review system , customer support , payment options , menu customization ,
marketing and promotions , data security , scalability , inventory management , regulatory
compliance , sustainability , competitive analysis . In convenience , providing a convenient
platform for users to browse, order , and receive food from a variety of restaurants and
cuisines , eliminating the need for physical menus and phone calls . Addressing theses
challenges is crucial for the successful operation of an online food delivery system .
1
Restaurant integration , integrating multiple restaurants and their menus into the system ,
ensuring accurate and up-to-date listings , prices , and availability , efficiently processing user
orders , including handling payment transaction security.
Managing the logistics of food delivery , including optimizing routes for delivery drivers ,
estimating delivery times , and ensuring delivery times, ensuring food arrives hot and fresh.
2
1.2 0bjective of Study
General objectives
A great approach to test out a career is through an internship. It aids in the application of
technical ideas and theories to actual decision-making. The internship offers a way to
advance corporate communication, technology, and teamwork abilities. It serves as a tool
for growing one's network of connections and ties in the business world. An internship
enables students to increase their knowledge in a particular topic.
Specific Objectives
3
1.3 Scope and Limitation
Scope
The project falls under the domain of Web Application Development. The main goal
of this project is to provide the facility to provide fresh food through online delivery
and consumer can pay when the food delivered , customer can login for the food order
they can use their id and pw . Hence, the system needs to be very straightforward and
secure.
Limitation
Online food delivery systems, while convenient and popular but it have several
limitation, including :
While online food delivery systems offers convenience and accessibility, addressing these
limitations is essential to maintain customer satisfaction and the long- term sustainability
of the service.
4
1.3 Report Organization
CHAPTER 1: INTRODUCTION
The first chapter provides an introduction to the internship project along with the problem
statement, objectives, and scope and limitations of the project.
The second chapters present the introduction to the organization, its organizational
hierarchy along with its working domains and the description of the intern line. Similarly,
it also includes review of similar projects and theories.
The third chapter consists of the roles and responsibilities acquired during the internship
period, along with a list of technical activities and a description of the project involved.
The final chapter is the conclusion section and outlines the learning outcomes after
completing the projects.
5
CHAPTER 2 : ORGANIZATIOANL DETAILS AND
LITERATURE REVIEW
XDezo Technologies Pvt. Ltd.is a leading IT company based in Nepal which has grown to
become one of Nepal's most well known providers of IT services. Web design and
development, marketing services , mobile application development, software
development, graphic design, digital marketing, web analysis, and SEO are the areas of
expertise of XDezo Technologies Pvt . Ltd . In order to assist clients in achieving their
objectives, it supplies their demands as well as similar points of view.
There is a flow in every company where each decision is passed through some hirerecy,
which helps to visualize the company's goal from every angle and direction for
accomplishment. The CEO is the organization's leader who makes strategic decisions for
the organization. Project managers are in charge of organizing, planning, and directing the
6
completion of specific projects, and a CTO is the person in an organization who oversees
current technology and develops relevant policy. Frontend, backend, mobile app, QA
engineer, and UI/UX are the five departments that must be maintained.
Followings are the major areas in which the company is providing its services:
• Digital marketing
Digital marketers are in charge of driving brand awareness and lead generation through all
the digital channels (both free and paid) that are at a company's disposal, including social
media, the company's own website, search engine rankings, email, display advertising,
and the company's blog.
7
• Web design and development
It is used on popular operating system environments such as iOS and Android to create,
test, and develop mobile applications using programming languages and development
skills.
• Graphic designing
Graphic designers create visual concepts, using computer software or by hand, to
communicate ideas that inspire, inform, and captivate consumers. In short, develop layout
and design (advertisements, brochures, magazines, and reports).
8
specific focus on food delivery, an e-learning platform developed and managed by XDezo
Technologies Pvt .Ltd . This review aims to shed light on the impact of digitalization in
the context of Online food delivery system .
9
CHAPTER 3 : INTERNSHIP ACTIVITIES
10
3.2 Weekly Log
1st Web In the first week of internship, the intern was given to
Developme learn about basics of web development like HTML, CSS,
nt Basis and JS etc. After learning these basics of Web
Development, the intern has to do simple website
designing tasks following company guidelines.
nd
2 React After learning about the basic concept of Web
basics Development in the first week, the intern was given the
opportunity to
3rd Postman API In the third week of the internship program, the intern was
given tasks to learn about the postman API and make get
and post requests in API.
11
4th Project In the fourth week of the internship program, the intern
Research was given a past project of the company to learn about
how real projects are prepared and code standards.
8th-10th API After the api of the complete module of the project was
Integration completed by the backend team, the intern has to integrate
those api into the interface to make it interactive.
12th Review and Frontend development and API integration was completed
Testing in the eleventh week of internship. After completion of
frontend development the intern has to perform
responsiveness of the website created. After completion
of responsive testing the project is passed to senior
developer and QA to perform further testing and
evaluation.
12
3.3 Description of the Project Involved during internship
Online Food delivery System is developed on PHP as backend, HTML, CSS and Java
script as Front-end and Xampp Server used as Database. The basic functionality of system
can be stated as: The Members of the organization are associated with roles: Admin and
User. Admin has the most privilege access and controls the system use. The Admin
assigns the task and updates the issues, tracks the tasks for the associated project. Users
perform the given task by the Admin and shall update the task duration at the completion
of the assigned task. Reports can be generated for evaluation and tracking of the tasks
performed in the project with time involvement. The reports are analyzed in weekly
meetings. At first the project was designed for role-based access in which Users login and
admin login was made different UI. After analyzing the system requirements, it was more
feasible if the project was made a menu-based system. For a menu-based system, menus
are given access according to the access level of the Users. The components of the system
in which access are to be controlled are made as a menu.
13
Figure 3.3.1 Use case diagram
Non-functional requirements are those that are concerned with emergence properties but
are not directly concerned with the specific function provided by the system to its users.
This web application meets the following non-functional requirements:
• Performance Requirement
o Search results should be displayed on the website within a second of
time.
o Database should be updated within a second of time.
• Security Requirement
o To do different operations of data on this site the user must provide their
valid details.
o The system must pass the VAPT (Vulnerability, Assessment and Penetration
Testing) Test.
• User Friendly
14
o The site must be user-friendly, easy to use, and should be responsive.
Technical Feasibility
Because the project is built with a popular JavaScript works with all modern
operating systems. As a result, the system is technically feasible. The goal of
technical feasibility was to ensure that the new system could operate within the
existing infrastructure and integrate with the existing database. And it is
technically feasible, as the resources required for the development and
maintenance of this system will be easily obtained.
Economic Feasibility
This system is economically viable because it uses fewer hardware and software
resources, as well as software development costs, to produce long-term benefits for
an organization. The developed system is within budget and was made possible by
the fact that the majority of the technologies used are freely available. The cost of
developing and deploying this system is extremely low.
Operational Feasibility
3. 4 Tools
15
Frontend tools
Database
Backend tool
o PHP : The system uses PHP as a backend run environment to create.
Documentation
o MS Word: Microsoft word is used for the overall documentation of the project.
Admin Test
17
We test here that the user can update the UI, view requests, send request replies, and stay
constantly up-to-date like stuff.
• Logout Process :
18
Whether admin can log out work properly or not is tested by clicking on the
logout button.
User Test
In this test, we see if a user must submit valid data to make a request to the
system in order to obtain facilities.
19
2 Subscri Fullname, Open Open razor Pass Valid Test
email, phone, razor pay
ption pay
card dashboard
test details and dashboard
payment and
success
payment
success
3.7 ER Diagram
The ER-diagram for the system is shown below. The system consists of
entities such as admin and user.
20
4.1 Conclusion
For me, the entire experience at XZexo Tech was extremely beneficial. During my time
there, the trainee learned a variety of technical skills as well as some soft skills such as
teamwork, communication, and so on. Previously, on my own, the trainee had learned a lot
about Web Development practices and technologies. However, after working at XDezo
Front end Team, the trainee realized that there is a lot more to Full stack offers from the
root level to robust application architecture. This job allowed me to gain practical
experience and, more importantly, to expand my network of contacts in the IT industry.
It aided in providing experience to interact with customers and improved communication
skills along with that, different working patterns of senior colleagues were observed and
learnt how to handle the pressure and complete the project within a specific deadline as
well as how to enhance my presentation skills. The trainee even widened my social circle.
The trainee met people who are influential in the fields in which the trainee hope to work
professionally in the future. These networks will be extremely useful to me when the
trainee start working in the field. Likewise, the trainee had the opportunity to spend time
with people who are already in positions similar to those in which the trainee aspire to be
in the future, which was both inspiring and motivating. The trainee learned a lot about how
Frontend culture is practiced in real-world enterprise applications.
This internship has been an excellent and rewarding experience. The trainee can conclude
that there has been a lot he has learned from his work at XDezo. Needless to say, the
technical aspects of the work he has done are not flawless and could be improved provided
enough time. As someone with no prior experience with technical knowledge of UI/UX,
Web Design, PHP, Laravel, JavaScript, and AWS whatsoever he believes his time spent in
research and discovering it was well worth it and contributed to finding an acceptable
solution to complete the assigned task. The trainee has gained new knowledge, and skills,
met many new people achieved several of his learning goals. Two main things that he has
learned are the importance of our time-management skills and self-motivation. The
internship provided a wonderful pool of opportunities to find out his strengths and
weakness. This helped me to define what skills and knowledge the trainee have to improve
in the coming time
21
In a nutshell, this practical work experience helped me become a more complete person
than the trainee had ever been before. The internship was also good to find out what my
strengths and weaknesses are. This helped me to define what skills and knowledge the
trainee have to improve moving forward. So, the author would like to once again
appreciate everyone who has made my internship a superb experience.
22