SWIGGY(ONLINE FOOD DELIVERY):

A Full-Stack Development Internship

Experience.

A SUMMER INTERNSHIP REPORT (CS3711)

Submitted by
N.ARUN KUMAR (923821104302)

In partial fulfillment for the

award of the degree of

BACHELOR OF ENGINEERING

in

COMPUTER SCIENCE AND ENGINEERING

MANGAYARKARASI COLLEGE OF ENGINEERING,

MADURAI 625 402

ANNA UNIVERSITY:: CHENNAI 600 025

NOVEMBER 2024
 BONAFIDE CERTIFICATE

Certified that this Summer Internship report is a bonafide work of

“N.ARUN KUMAR-923821104302” who successfully completed his/her

Internship Trainings at,

1. Busymoon Web Creators, Salem – 636 201

SIGNATURE SIGNATURE

Mr.A.Anna Arasu., M.E., Mrs.S.K. Kezial Elizabeth., M.E.,

Head Of The Department Assistant Professor,
Assistant Professor, Department of CSE,
Department of CSE, Mangayarkarasi College of Engineering,
Mangayarkarasi College of Engineering, Paravai, Madurai 625 402.
Paravai, Madurai 625 402.

Submitted for the Internship Viva-Voice held on………………..

Internal Examiner External Examiner

 ACKNOWLEDGEMENT

We express our gratefulness to our respectable Secretary

Dr.P.Ashokkumar, M.A., M.Ed., BGL. for having offered as the golden
opportunity to do the project work in this prestigious institution.

We express our sincere thanks to our respected Managing Director

Mr.A.Shakti Pranesh, B.E.,MBA. for providing more facilities, to do this
Internship work.

A deep bouquet of thanks to respected Principal Dr.J.Karthikeyan,

M.E.,Ph.D.,MBA, MIE,MISTE,C.Eng. for provided the facilities required for
project.

We sincerely thank Mr.A.Anna Arasu, M.E., Head of the Department,

Department of Computer Science and Engineering who inspired us and gave us
time to make this project to work a grand success.

We also thank our guide Mrs. S.K. Kezial Elizabeth., M.E., Assistant
Professor, Department of Computer Science and Engineering for her valuable
guidance for our project and it is great privilege to express our gratitude to her.

We extend our heartfelt thanks and profound gratitude to all the faculty
members of our department for their kind help during our Internship.

Finally we express our sincere thanks to our parents, who have constantly
encouraged us throughout our course.
 DETAILS OF INTERNSHIP

FROM
INDUSTRY MODE OF DATE TO YEAR
S.NO NAME & ROLE INTERNSHI END /
ADDRESS P DATE SEM

Busymoon Web

Creators, Salem – Online 20/7/2024-

I Internship 20/8/2024 IV/VII
636 201
 CONTENTS

CHAPTER NO TITLE PG NO

1 Introduction 6

2 Objectives 6

3 Company Profile 7

4 Responsibilities 7

5 Learning Outcomes 8

6 Conclusion 14

5
1. Introduction
During my internship at Busymoon Web Creators, located in Salem, I had the valuable
opportunity to immerse myself in the domain of full-stack development, with a focus on UI/UX design using
Adobe XD. This experience provided a practical environment to apply my skills and gain a deeper
understanding of web development processes, from conceptual design to user-centered interfaces. Working
on real-world projects and collaborating closely with skilled professionals enabled me to enhance my design
proficiency and problem-solving abilities within the context of full-stack development. In this report, I will
outline my experiences, the challenges I encountered, and the key lessons I learned during my time at
Busymoon Web Creators.

2. Objectives
The objectives of my internship at Busymoon Web Creators were multi-faceted, each aimed at
fostering both practical and theoretical growth in the domain of full-stack development with an emphasis on
UI/UX design using Adobe XD. A primary goal was to gain hands-on experience with Adobe XD, deepening
my understanding of UI/UX principles and translating design concepts into user-centered, visually appealing
digital interfaces. Additionally, I aimed to build a comprehensive understanding of full-stack development
workflows, learning how the front-end design integrates with back-end systems to create cohesive and
functional applications.

Another key objective was to enhance my problem-solving skills in real-world scenarios. By

working on projects tailored to specific client needs, I sought to learn how to adapt designs based on user
feedback, project requirements, and technical constraints, all while maintaining a focus on usability and
functionality. Moreover, I aimed to develop effective collaboration and communication skills, working
closely with experienced professionals at Busymoon Web Creators. This aspect of my internship was
essential for understanding teamwork dynamics, client interactions, and project management in a professional
setting.

Finally, a significant goal was to create a portfolio of well-rounded projects that demonstrate
my capability in UI/UX design and my understanding of the development process from start to finish.
Through these objectives, I hoped to cultivate a strong foundation in both design and development,
contributing to my growth as a skilled full-stack developer with a strong UI/UX focus.

6
3. Company Profile
Busymoon Web Creators, based in Salem and founded by proprietor Rajkumar Muthu
in the year 2019, is a dynamic startup specializing in web development and design. As a growing company,
Busymoon Web Creators focuses on creating innovative, user-friendly websites and digital solutions that
meet the unique needs of a diverse client base. The company is committed to delivering high-quality web
experiences, from concept and design to final implementation, helping clients establish a strong digital
presence. Busymoon’s startup environment fosters a collaborative and adaptive culture, encouraging
creativity and continual learning within the fast-evolving field of web development.

4. Responsibilities

During my internship at Busymoon Web Creators, I had the opportunity to work on an

online food delivery project, where I was involved in various aspects of the design and development process.
My primary responsibility was to create intuitive and visually appealing user interfaces using Adobe XD.
This included designing wireframes, prototypes, and interactive UI elements tailored to the needs of users
looking to place food orders efficiently. I focused on ensuring a smooth user experience, particularly for the
ordering process, from browsing through menus to finalizing orders and payment.

In addition to UI/UX design, I collaborated closely with the development team to

understand the technical feasibility of my designs. This involved making adjustments based on discussions
around the platform’s backend capabilities, ensuring that the user interface was aligned with the underlying
architecture. I also contributed to refining the food delivery app's features, such as creating easy-to-navigate
menus, filtering options for different cuisines or dietary preferences, and adding cart functionality with real-
time updates, all aimed at enhancing the overall user experience.

I also played a role in testing and revising the designs. After gathering feedback from the
team and clients, I iterated on the designs to address usability concerns and optimize the interface. This
iterative process ensured that the final product was not only visually attractive but also practical and user-
friendly for the target audience.

Furthermore, I helped manage design assets and project documentation, ensuring that all
files were organized and easily accessible for the development team. This contributed to a smoother workflow
and better communication across the team. I was also responsible for ensuring that the design was mobile-
responsive, considering that many users would be ordering food from their smartphones.
7
 Overall, my responsibilities for the online food delivery project allowed me to apply my
UI/UX design skills in a practical setting, enhance my collaboration with developers, and improve my ability
to respond to feedback to deliver a final product that met client expectations and user needs.

5. Learning Outcomes
Throughout my internship at Busymoon Web Creators, I gained valuable insights
into the process of designing and developing a fully functional online food delivery platform. Using Adobe
XD, I developed a comprehensive understanding of UI/UX design, focusing on creating an intuitive, user-
friendly interface that enhances the online food ordering experience.

One of my key learnings was the importance of wireframing and prototyping in the
early stages of web development. I began by creating wireframes that mapped out the platform's structure,
helping to visualize the user journey and understand the flow of the website. Using Adobe XD, I designed the
platform’s layout, focusing on aesthetics, user experience, and ease of navigation. This process allowed me to
create a clean, visually appealing design while ensuring it was functional and easy to use, making the
ordering process efficient and seamless.

Another significant learning outcome was mastering interactive elements in Adobe

XD. I focused on creating dynamic user interactions, such as applying hover effects without the need for CSS
coding. I used Adobe XD’s prototyping tools to simulate hover states for buttons, menu items, and other
interactive elements. For example, when users hovered over a menu item or the “Order Now” button, the
design would respond visually, providing clear feedback. These hover interactions enhanced the user
experience, making the platform feel more responsive and intuitive before the actual coding was
implemented.

Overview Of The Project

Swiggy, one of India’s leading online food delivery platforms, is designed to offer a
seamless and user-centric food ordering experience. The platform connects users with a wide range of
restaurants, enabling them to browse menus, customize orders, and have food delivered to their doorstep
efficiently. Swiggy’s user-friendly interface is built to cater to diverse audiences, offering features like
advanced filtering options for cuisines and dietary preferences, real-time order tracking, and secure payment
methods.

8
 Figure 1: Front Page

Figure 1, refer to the main interface users see when they first access the platform, featuring key UI elements
for browsing menus, placing orders, and accessing user accounts. The design focuses on intuitive navigation
and user-friendly elements.

Figure 2: Log In

In Figure 2, Tell about Sign In page here we have to fill email id and Password .A distinct button labeled
"Sign In" that changes color when hovered over to show it is clickable. A "Forgot Password?" link below the
password field for easy access to password recovery. A secondary link for "Create an account" for users
without existing account.

9
 Figure 3: Create An Account

Figure 3, Sections for users to enter their details email, password. Typically features a "Show/Hide
Password" option for user convenience. Create a Account visually engaging button that responds with a color
change or effect on hover, signalling interactivity.

Figure 4: Top Receipes

Figure 4, Is To highlight the most popular or recommended dishes that engage users and encourage quick
decisions. Usually found on the home page or as a dedicated tab for easy access. We can easily find the
Ratings of the Dishes.

10
 Figure 5: Receipes

 Figure 5, Enhances the browsing experience by presenting a variety of dishes in an organized and
appealing manner.
 Each recipe is accompanied by a visually appealing photo to draw attention. Display photos and
reviews submitted by users to build community trust and interaction.

Figure 6 : Website Details

In Figure 6, it tells about the Details Of Company which is user-Friendly for the Customer additional details
are added. We can contact to company Through Social Media, this will be very helpful for the customer.

11
 Figure 7: Delivery Platform

Figure 7, Explains how the platform facilitates seamless connections between users, restaurants, and delivery
partners. Designed to make the process of placing, tracking, and receiving orders straightforward and
efficient.

Figure 8:Export Tool

Export Tools highlights the functionalities used for exporting designs and assets during the development of
the online food delivery platform. These tools, primarily within Adobe XD, enabled the seamless transfer of
design elements to the development team. For instance, wireframes, prototypes, and interactive UI
components were exported in formats like PNG and SVG to ensure compatibility with front-end frameworks.
Additionally, the export process supported creating developer-ready assets, such as style guides and icons, to
maintain design consistency. These tools also facilitated efficient collaboration by allowing team members to
access well-organized design files and review prototypes interactively, bridging the gap between the design
and implementation phases of the project.

12
 Figure 9:Exported Files

Exported Files illustrates the outcome of using export tools to prepare design and project assets for
development and client presentation. This figure represents how files were organized and shared after being
exported from Adobe XD. The exported files included essential components such as interactive prototypes,
high-resolution UI elements, and documentation detailing design specifications. These files were formatted to
ensure compatibility with various development tools and platforms, enabling smooth integration into the
development workflow. The organization of these exported assets was critical for maintaining a streamlined
process, ensuring that developers could efficiently access and implement the designs. This step also enhanced
team collaboration and ensured that the final product adhered to the original design vision

13
6.Conclusion

In conclusion, my project on designing an online food delivery platform during my internship at

Busymoon Web Creators has been an invaluable learning experience. By utilizing Adobe XD, I was able to
create a user-friendly, visually appealing interface that streamlined the online ordering process. The project
provided me with hands-on experience in wireframing, prototyping, and designing interactive elements, all of
which played a critical role in improving user experience. I also developed a deeper understanding of the
importance of mobile responsiveness, ensuring that the platform was accessible across devices. Collaborating
with the development team and incorporating feedback throughout the process helped refine the design and
ensured that the platform met both user needs and client expectations. This project not only enhanced my
technical skills in UI/UX design but also broadened my understanding of full-stack web development,
bridging the gap between design and implementation. Overall, the experience allowed me to contribute to the
creation of a seamless, functional, and efficient online food delivery platform.

14
CERTIFICATE

15