Manoj Regmi Intern Report For Mid Defence
Manoj Regmi Intern Report For Mid Defence
Submitted by
Manoj Regmi [T.U. Exam Roll No: 24010]
Submitted to
Department of Computer Science and Information
Technology Academia International College
Institute of Science and Technology
Tribhuvan University
June 2024
Tribhuvan University
Academia International College
Submitted by
Manoj Regmi [T.U. Exam Roll No: 24010]
Submitted to
Department of Computer Science and Information Technology
Academia International College
Institute of Science and Technology
Tribhuvan University
June 2024
Tribhuvan University
Institute of Science and Technology
SUPERVISOR’S RECOMMENDATION
The internship report entitled ‘’food ordering website” submitted by Manoj Regmi
(24010/076) of Academia International College, is prepared under my supervision as per
the procedure and format requirements laid by the Faculty of B.Sc. CSIT, Tribhuvan
University, as partial fulfillment of the requirements for Bachelor of Science in
Computer Science and Information Technology (B.Sc. CSIT). We therefore recommend
the project work report for evaluation.
................................................
Ganesh Bhatta
Project Supervisor
Lecturer
Department of Computer Science and IT
Academia International College
Gwarko, Lalitpur
I
Tribhuvan University
Faculty of Computer science Information Technology
……………………….. ………………………..
Ganesh Bhatta, Lecturer Santosh Rijal
Internship Supervisor HOD/Coordinator
Department of Computer Science and IT Department of Computer Science and
Academia International College IT Academia International College
……………………….. ………………………..
Internal Examiner External Examiner
Academia International College
II
ACKNOWLEDGEMENT
I would like to express my deepest gratitude to everyone who contributed to the success
of my internship and the completion of this report on "Easy Food". This transformative
journey would not have been possible without the support and guidance of many
individuals and organizations.
A special thanks to the entire team at Webmandu Nepal Pvt Ltd for fostering a
stimulating and supportive work environment. Their encouragement and willingness to
share knowledge were essential to my professional growth and development of practical
skills. I am also profoundly grateful to my colleagues and fellow interns for their
cooperative spirit throughout the internship, which made this learning experience
enjoyable. Their feedback and insights significantly contributed to the project's success.
My heartfelt thanks go to my friends and family for their constant encouragement and
understanding during this journey. I deeply appreciate their unwavering support.
Sincerely,
Manoj Regmi
TU Exam Roll No: (24010/076)
III
ABSTRACT
During my internship at Webmandu Nepal Pvt. Ltd., I undertook a project focused on
developing the frontend for an online food ordering system, with the primary goal of
enhancing user experience and simplifying the ordering process. Leveraging my skills in
HTML, CSS, and JavaScript, I embarked on a journey to create a visually appealing and
user-friendly web application. In this project, I focus on developing the frontend for an
online food ordering system to improve user experience and simplify the ordering
process. Using HTML, CSS, and JavaScript, I prioritize responsive design and intuitive
user interfaces. Through a literature review, I explore key principles of web development
and user experience design, gaining insights into best practices and emerging trends. My
project involves hands-on learning experiences, including research, prototyping, and
iterative design processes, resulting in the creation of a professional-grade web
application. By combining theoretical knowledge with practical application, my goal is to
deliver a user-friendly and visually appealing solution that meets the needs of both
customers and businesses in the online food delivery industry.
IV
Table of Contents
SUPERVISOR’S RECOMMENDATION ........................................................................... I
LETTER OF APPROVAL .................................................................................................. II
ABSTRACT ....................................................................................................................... IV
APPENDIX........................................................................................................................15
LISTS OF FIGURES
Figure 2. 1: Organization Hierarchy.................................................................................... 5
V
LISTS OF TABLES
Table 2. 1: Organization Details.......................................................................................... 4
Table 2. 2: Internship Duration............................................................................................6
Table 3. 1: Weekly Report...................................................................................................8
VI
LIST OF ABBREVIATIONS
API: Application programming interface
CSS: Cascading Style Sheets
HTML: Hyper Text Markup Language
JS: JavaScript
UI: User Interface
UX: User Experience
VII
Chapter 1: Introduction
1.1 Introduction
An internship offers students a chance to gain practical insight into their chosen field,
bridging the gap between theory and application. It's an opportunity for them to learn new
skills, explore potential careers, and specifically in programming, improve their coding
abilities by tackling real-world projects. Through this hands-on experience, they develop
problem-solving skills and deepen their understanding of programming concepts.
This report describes my work on the "Easy Food" project during my internship. The
"Easy Food" project is a food ordering system designed to make it easy for users to look
at menus and order food online. The main goal was to create a website that users can
easily navigate, choose their food, and place orders without any difficulties.
As an intern, my main job was to work on the frontend of the Easy Food website. The
frontend is the part of the website that users see and interact with. It’s important that this
part looks good and is simple to use so that customers can find what they want quickly
and place their orders easily. We used modern web development tools to make sure the
website is smooth and user-friendly.
In this report, I will go over all the stages of the project. First, I will talk about the design
phase, where we planned how the website would look and work. Next, I will discuss the
development phase, where we actually built the website. After that, I will cover the
implementation phase, where we put all the parts together and made sure everything
worked well.
I will also explain the key features of the Easy Food system. These features include a
user-friendly menu display, an easy-to-use ordering process, and a responsive design that
works well on both computers and mobile devices. Additionally, I will talk about the
technologies we used to build the frontend, such as HTML, CSS, and JavaScript, and
some frameworks and libraries that helped make development faster and easier.
1
experience for users. To enhance customer satisfaction and streamline the food ordering
process, Easy Food aims to develop a frontend that is both user-friendly and responsive.
This involves creating an intuitive interface that allows customers to easily navigate
menus and place orders, optimizing the website's performance to ensure quick loading
times, and making sure the site works seamlessly across different devices and web
browsers. Additionally, the system must be robust and scalable to manage a large number
of menu items and handle high traffic volumes efficiently. By addressing these
challenges, the Easy Food project seeks to deliver a smooth and enjoyable user
experience, ultimately benefiting both customers and food businesses.
1.3 Objectives
1.3.1 Objectives of Internship
• To build interpersonal skills and confidence.
• To learn about the working ethics of the company.
• To gain professional experience with the implementation of
theoretical knowledge.
• To explore and shape better career insights and learn new skills.
• Develop a user-friendly frontend for the Easy Food online food ordering system.
• Create an attractive and intuitive interface for easy navigation and menu browsing.
2
• Ensure the website is fully responsive, working smoothly on desktops, tablets, and
smartphones.
• Develop order management easy.
• Billing and Invoicing.
1.4.2 Limitations
• Getting the system set up might need a big investment upfront.
• It might take some time for staff to get used to the new technology, slowing down
their work initially.
• The system might not work well if the internet connection is unstable, especially
in areas with poor network coverage.
• After it's set up, there could be ongoing costs for keeping the system running
smoothly.
Chapter 4: Conclusion and Learning Outcomes includes conclusion of the system and
lesson learnt from the internship.
3
Chapter 2: Organization Details and Literature Review
2.1 Introduction of Organization
Webmandu, a distinguished network company established in 2017. Webmandu
specializes in Web development, app development, data services, graphics design and
digital marketing. Their mission is to be the paramount ICT service and solution provider,
prioritizing enduring business significance for clients through innovative technology
solutions.
Webmandu is proud of their ability to adapt and their expertise in the most current
technologies. Their team of experts remains constantly updated on the latest technology
trends and services. They are well-prepared to offer their expertise in professional
services like custom website design, web development, e-commerce website design and
development, community website design, website revamping, and more. What I found
most intriguing at Webmandu was the fact that interns have the chance to acquire
extensive knowledge, not limited to a single technology, but encompassing various other
technologies used concurrently by the company (Webmandu Pvt.Ltd, 2024).
Email: [email protected]
Website: https://webmandu.com.np/
The CEO leads the operations and technology teams, ensuring they make the right
decisions to achieve business goals.
The COO handles the overall operational management, focusing on providing high-
quality and cost-effective services and solutions.
4
Under the CEO and Project Manager, there are several teams: frontend development,
backend development, IT support, and internships. When I was an intern, I worked in the
frontend development team.
Web Development: We set up technologies to help you leverage the data that connects
you to your customer in the fast-paced digital world.
Data Services: We set up technologies to help you leverage the data that connects you to
your customer in the fast-paced digital world.
App Development: We set up IOS/Android app to help you leverage the data that
connects you to your customer in the fast-paced digital world.
Social Media Marketing: We offer complete social media marketing package to reach
the right audience and convert them into customers using a multi-channel approach.
Graphics Design: We engage clients with us out of the box thinking and creative designs
that offers quintessential brand identity.
5
Digital Marketing: We offer complete digital marketing package to reach the right
audience and convert them into customers using a multi-channel approach.
6
hurdles, Foodmandu continues to innovate and expand its offerings, leveraging
technology and prioritizing user experience to drive customer satisfaction and loyalty.
In the context of the Nepalese market, Foodmandu faces unique challenges and
opportunities. While infrastructure limitations and competition from traditional eateries
pose barriers to growth, rising smartphone adoption and changing consumer preferences
present significant opportunities for expansion. By addressing these challenges and
leveraging emerging technologies, such as artificial intelligence and blockchain,
Foodmandu is well-positioned to shape the future of online food delivery in Nepal,
catering to the evolving needs and preferences of consumers in the digital age
(foodmandu.com, 2024).
Bhojdeals, an emerging online food delivery and e-commerce platform in Nepal, capitalizes
on the growing trend towards digital commerce in urban areas. While specific research on
Bhojdeals may be limited, studies on similar platforms provide insights into consumer
behavior and market dynamics. Research highlights the increasing popularity of e-commerce
platforms in Nepal, driven by factors such as internet penetration and changing consumer
preferences. Bhojdeals aims to address consumer demand for convenience and variety by
offering a diverse range of dining options and user-friendly interfaces. However, challenges
such as logistical constraints and competition from traditional retail channels persist,
requiring strategic navigation to capitalize on opportunities for growth and success in the
competitive market landscape (bhojdeals.com, 2024).
Pathao Food operates as an integral part of the Pathao ecosystem in Nepal, providing a
convenient and efficient on-demand food delivery service. Leveraging technology and a
network of delivery partners, Pathao Food connects users with a diverse range of
restaurants and eateries, offering a seamless ordering and delivery experience. Research
on similar platforms highlights the role of digital technology in transforming the food
delivery landscape, enhancing accessibility, and catering to evolving consumer
preferences. Despite challenges such as logistical hurdles and competitive pressures,
Pathao Food continues to innovate and expand its offerings, contributing to the growth of
the online food delivery market in Nepal and addressing the demand for convenient
dining options in urban areas (pathaoFood, 2024).
7
Chapter 3: Internship Activities
3.1 Roles and Responsibilities
Front-End Development intern was the assigned role during my ten weeks long internship
period. The major roles and responsibilities of the intern are enlisted as follows:
Week Activities
st
1 Week ➢
Gained familiarity with the company’s culture, policies, and
development eco system.
➢
Learned GitHub and git commands for initiating a
repository and making commits.
8
2
nd
Week ➢
Researched and learned technology tools: JavaScript,
HTML, CSS, and Design tools.
➢
Started building small project to understand fundamentals
better.
rd
3 Week ➢
Analyzed other projects on how they are developed.
➢
Larned how to make mobile responsive.
➢
Made some HTML and CSS projects.
th
4 Week ➢
Started learning JavaScript more deeply through videos and
documentation.
➢
Learned function, async-function, array and looping in JS.
th
5 Week ➢
Made small projects like tic tac toe game, rock paper
scissor game, to-do list to understand better JS.
th
6 Week ➢
Made food recipe app integrating with API and made it
mobile responsive.
th
7 Week ➢
Understood the project requirements of the given project.
➢
Gained access to the Dataspace project and began initial
work on it.
th
8 Week ➢
Cloned the project repository and thoroughly studied its
system structure and data flow.
➢
Under the supervision, created layouts for the contact page,
menu page.
th
9 Week
➢
Applied CSS to the layout to make it beautiful.
➢
Created add to cart page and login, register page.
➢
Made it mobile responsive to smaller devices.
th
10 Week
➢
Added JavaScript to make it interactable.
➢
Added toggle function to hide and show menu button for
small devices.
➢
Communicated with other team member to integrate it with
other parts done by team member and made it better.
9
orders. Using HTML, CSS, and JavaScript, the project focused on designing attractive
and intuitive interfaces that worked well on various devices and web browsers. Features
such as dynamic menu displays and easy order placement were implemented to enhance
user convenience. The project prioritized usability and quality, aiming to deliver a
professional solution that met the needs of both customers and the organization.
Throughout the development process, feedback was gathered and incorporated to
continually refine and improve the system.
10
the layout for various pages of the "Easy Food" project, including the menu page,
contact page, add to cart page, and footer. This involved creating wireframes and
mockups to visualize the page structure and content placement.
• Implemented CSS for Visual Enhancement: I utilized CSS to enhance the visual
appeal of the "Easy Food" project. This involved applying styles to elements such as
fonts, colors, backgrounds, and layouts to create a visually appealing and cohesive
design scheme that aligns with the project's branding and user experience goals.
• Made It Mobile Responsive: Recognizing the importance of mobile responsiveness,
I ensured that the "Easy Food" project's design and layout adapt seamlessly to
different screen sizes and devices. This involved implementing responsive design
techniques such as media queries and flexible layouts to optimize the user experience
on small devices such as smartphones and tablets.
• Used JavaScript to Make It Interactive: I leveraged JavaScript to add interactive
functionalities to the "Easy Food" project. This included implementing features such
as dynamic menu displays, interactive forms, and user-friendly interactions to
enhance user engagement and usability.
• Improved Responsiveness and Attractiveness with Supervisor's Supervision:
Under the guidance and supervision of my supervisor, I refined and enhanced the
responsiveness and attractiveness of the "Easy Food" project. This involved
incorporating feedback, making iterative improvements, and ensuring that the final
product meets the project's requirements and quality standards.
11
Chapter 4: Conclusion and Learning Outcomes
4.1 Conclusion
In conclusion, my internship at Webmandu has significantly enhanced my frontend
development skills and knowledge. Through practical tasks and projects, such as
exploring frontend tools, creating HTML/CSS projects, and building JavaScript
applications, I've gained valuable hands-on experience and proficiency in essential
technologies and concepts. The "Easy Food" project, in particular, provided me with real-
world exposure to the entire development process, from understanding requirements to
designing layouts and refining the user experience. Collaborating with my supervisor and
colleagues has been instrumental, as their guidance and feedback have enriched my
learning journey. Overall, this internship has not only bolstered my technical abilities but
also honed my problem-solving, teamwork, and communication skills. I'm appreciative of
the opportunity to contribute to meaningful projects and eager to apply my newfound
expertise in future endeavors.
12
• Professionalism and Work Ethic: By committing to delivering high-quality work,
seeking feedback, and actively contributing to project success, I've demonstrated
professionalism and a strong work ethic.
• Reflection and Self-Improvement: Reflecting on my internship, I've identified areas
for self-improvement and growth. This experience has reinforced my commitment to
lifelong learning and continuous improvement in my professional development.
13
References
bhojdeals.com. (2024, june). Retrieved from https://www.bhojdeals.com/
foodmandu.com. (2024, june). Retrieved from https://foodmandu.com/
pathaoFood. (2024, june). Retrieved from https://pathao.com/np/food/
Webmandu Pvt.Ltd. (2024, june). Retrieved from https://pathao.com/np/food/
14
APPENDIX
15
16