Tribhuvan University

Institute of Science and Technology

Siddhanath Science Campus

Mahendranagar, Kanchanpur

An Internship Report
on
GadgetHub: A Full-Stack Ecommerce Solution
at
App Techno Soft

In the partial fulfillment for the requirement of Bachelor of Science in Computer Science
& Information Technology (B Sc. CSIT)

Submitted by:
Rohit Budha (26984/077)

Under the Supervision of:

Dr. Prakash Datt Bhatt

Submitted to:
Department of Computer Science and Information Technology
Siddhanath Science Campus, Mahendranagar, Kanchanpur

June, 2025
INTERNSHIP LETTER

i
 TRIBHUVAN UNIVERSITY
INSITUTE OF SCIENCE AND TECHNOLOGY
SIDDHANATH SCIENCE CAMPUS
Kanchanpur, Nepal

SUPERVISOR'S RECOMMENDATION
This is to certify that this internship report prepared by Rohit Budha entitled
"GadgetHub: A Full-Stack ECommerce Solution" 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.

…………………………..

Dr. Prakash Datt Bhatt

Department of CSIT

Siddhanath Science Campus

Mahendranagar , Kanchanpur

ii
 TRIBHUVAN UNIVERSITY
INSITUTE OF SCIENCE AND TECHNOLOGY
SIDDHANATH SCIENCE CAMPUS
Kanchanpur, Nepal

LETTER OF APPROVAL
We , the supervising committee of Siddhanath Science Campus , have successfully
supervised and approved the internship report entitled "GadgetHub: A Full-Stack
ECommerce Solution" at "App Techno Soft" submitted by Rohit Budha, 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.

…………………….. ………………………….

Dr. Prakash Datt Bhatt Dr. Prakash Datt Bhatt

Project Supervisor HOD

Siddhanath Science Campus Siddhanath Science Campus

………………………. …………………………

Internal Examiner External Examiner

iii
 ACKNOWLEDGEMENT

It is unreasonable to speak highly without the least sense of joy and appreciation for all the
supporters who have been willing to directly or indirectly cooperate with me in shaping this project.
First and foremost, I would like to thank my project supervisor, Mr Rokaya, App Techno Soft, for
their continuous guidance, encouragement, and valuable feedback. Working under their supervision
has surely been an enriching experience for me.

I am thankful to Arjun Rokaya, the CTO of App Tehno Soft, for granting me the opportunity to be
part of the internship program. The exposure, challenges, and support faced within the organization
have greatly influenced this project.

I would like to extend my special thanks to the internship supervisor, Bishnu Rawal , who has been
very easy to approach, always supportive, and full of advice throughout all phases of report
preparation.

I would also like to thank Dr. Prakash Datt Bhatt, the Head of the Department of Computer Science,
for always believing me and giving me useful advice that encouraged me to keep working and
moving forward.

Finally, sincere thanks go to all those individuals, friends, mentors, and well-wishers, who directly
and indirectly helped me during my study and report preparation period. I am grateful to them.

Thanks all,
Rohit Budha [26984/077]

iv
 ABSTRACT
This report describes my journey during the internship at App Techno Soft., where I got the
opportunity to work on GadgetHub ecommerce web application among a dynamic and supportive
team. It really was an opportunity for me to go ahead and implement those things I'd learned during
my undergraduate studies to witness how they work in real scenarios. The primary idea behind the
application was to provide smooth interaction, especially for mobile Customers. They can browse
different gadgets, add to cart, place their orders and manage their profiles - similar to the features
provided modern e-Commerce websites used widely today.

For the tech stack, I worked on the frontend with HTML, CSS, Bootstrap, JavaScript, and Tailwind.
For the backend, I used Java Spring Boot, Spring Security with SQLyog community as MySQl for
database purposes and Apache Tomcat for serving the application. For testing end points PostMan is
extensively used for testing and debugging. Working with these tools really gave me a grasp of what
a full-stack system entails in a real-world environment. App Techno Soft is ranked one of Nepal’s
finest tech companies, and being there gave the space to grow-not only in technical but also personal
areas. I am better at coding, managing time and tasks, and interacting with teams. This internship
was good experience of what the tech world is like, especially from a developer's point of view.

Keywords: Internship Experience, Full-Stack Development, Java Spring Boot, E-commerce

Application, MySQL

v
 LIST OF ABBREVIATIONS

API – Application Programming Interface

CEO – Chief Executive Officer

COO – Chief Operating Officer

CSIT – Computer Science and Information Technology

CRUD – Create Read Update Delete

CSS – Cascading Style Sheets

CTO – Chief Technical Officer

GUI – Graphical User Interface

HTML – HyperText Markup Language

IOS – iPhone Operating System

IT – Information Technology

JPA – Java Persistence API

JWT – JSON Web Token

QA – Quality Assurance

RBAC – Role Based Access Control

REST – Representational State Transfer Application

SEO – Search Engine Optimization

SQL – Structured Query Language

STS – Spring Tool Suite

UI – User Interface

UX – User Experience

vi
 LIST OF FIGURES

Figure 1: Organization's Logo ............................................................................................................. 4

Figure 2: Organization Hierarchy ....................................................................................................... 6

Figure 3: Use Case Diagram ............................................................................................................. 14

Figure 4: Class Diagram.................................................................................................................... 21

Figure 5: Homepage ...........................................................................................................................25

Figure 6: Gadgets Lists ..................................................................................................................... 25

Figure 7: Registration Form .............................................................................................................. 26

Figure 8: Admin/Customer Login ......................................................................................................26

Figure 9: Add to Cart ........................................................................................................................ 27

Figure 10: Payment ............................................................................................................................ 27

vii
 LIST OF TABLES

Table 1: Organization's Contact Details ........................................................................................... 5

Table 2: Internship Duration ........................................................................................................... 7

Table 3: Details of weekly log ...................................................................................................... 10

Table 4: Testing for admin ............................................................................................................ 17

Table 5: Testing for Customer ....................................................................................................... 19

viii
 TABLE OF CONTENTS

INTERNSHIP LETTER .............................................................................................................. i

SUPERVISOR'S RECOMMENDATION ................................................................................. ii

LETTER OF APPROVAL ......................................................................................................... iii

ACKNOWLEDGEMENT .......................................................................................................... iv

ABSTRACT ................................................................................................................................. v

LIST OF ABBREVIATIONS..................................................................................................... vi

LIST OF FIGURES ................................................................................................................... vii

LIST OF TABLES .................................................................................................................... viii

CHAPTER 1 ................................................................................................................................ 1

INTRODUCTION ........................................................................................................................ 1

1.1 Introduction ............................................................................................................................ 1

1.2 Problem Statement……. .............................................................................................. ……1

1.3 Objectives ..............................................................................................................................2

1.4 Scope and Limitation ............................................................................................................. 2

1.5 Report Organization……… ............................................................................................... 3

CHAPTER 2 ................................................................................................................................. 4

ORGANIZATION DETAILS AND LITERATURE REVIEW .............................................. 4

2.1 Introduction to Organization ............................................................................................ 4

2.2 Organization Hierarchy .................................................................................................... 5

2.3 Working Domains of Organization .................................................................................... 6

ix
 2.4 Description of Intern Department/Unit ................................................................................7

2.5 Literature Review ............................................................................................................... 8

CHAPTER 3 ......................................................................................................................... 10

INTERNSHIP ACTIVITIES .................................................................................................. 10

3.1 Roles and Responsibilities .................................................................................................10

3.2 Weekly Log ...................................................................................................................... 10

3.3 Description of the Project Involved during internship........................................................ 12

3.3.1 Functional Requirements of the System ......................................................................... 13

3.3.1 Non-functional Requirement......................................................................................... 14

3.3.2 Feasibility Study ........................................................................................................... 15

3.4 Tools ............................................................................................................................... 16

3.5 System Testing ................................................................................................................. 17

3.6 Class Diagram .................................................................................................................. 21

CHAPTER 4 ......................................................................................................................... 22

CONCLUSION AND LEARNING OUTCOMES.................................................................. 22

4.1 Conclusion ........................................................................................................................ 22

4.1 Learning Outcomes ............................................................................................................ 22

REFERENCES ......................................................................................................................... 24

APPENDICES .................................................................................................................... 25

x
 CHAPTER 1

INTRODUCTION
1.1 Introduction
Gadget Hub is a form of electronic service which allows consumer to directly buy gadgets
from a seller over the internet using a web browser. It usually enables shoppers to use
“search” features to find specific models and brand or items. Customers can buy gadgets
from gadget hub interactively in real time without an intermediary service over the
internet. Customers find a product of interest by visiting the website of the retailer
directly or searching among alternatively using search engine, which displays the same
products availability and pricing at different models. Customers can shop online using a
range of different models and brands phones. GadgetHub is an online website which
allows customer to buy gadgets directly from the internet without any physical visit. It is
conducted between business and customer. In this website there are two of user available
i.e., Admin and User. Admin can login the page through separate admin login panel with
help of their personal login details. Admin can access dashboard after logging in the page.
Through the help of dashboard admin can add/update the products with respective to their
categories and also delete the products. Admin can access the user details and delete
unwanted user and have total number of count the user registered in the page. Admin can
access the order details and view the details of the products that has been ordered by the
users. GagetHub allows users to the browse as guests whereas guests have limited access
to only register and login to browse the products. After browsing the products user can
also add the product to the cart which is later received by the admin. Later admin can
review the order detail and confirm the order placed by the user.

1.2 Problem Statement

With the advancement in technology, people can now do various things at the comfort of
their homes and one such thing is online shopping. There are a lot of websites on internet
whereby it offers a variety of product and services for consumer can find and buy through
online such as computer, mobile. However, there are several reasons hinder in the
consumer are involved in online shopping because some of the consumers are not willing
to take part in online purchased due to the valid reason because there are worried about

1
the quality of the product in online are not durable, moreover, there are not confident.
Products are often lost or damaged while in transit, and order tracking systems are unable
to accurately locate the product.

1.3 Objectives
The main objectives of this E-commerce website GadgetHub are to provide an online
platform for purchasing gadget products through network system or Internet by customer.
However, some objectives of this e-commerce website given below:
 Easily accessible to the customer. Customers can create own account through register
or Google account. It consists of a user-friendly UI design.
 Make shopping more convenient by allowing customers to browse and purchase
products from the comfort of their homes or any location with internet access.
 To develop easy to use web base interface where users can search for products, view a
complete description of the products and order the products.
 To provide search engine that provides an easy and convenient way to search for
products specific to their needs. The search engine would list a set of products based
on the search term and the user can further filter the list based on various parameters.
 To enable user can view the complete specification of the product along with various
mages and also view the customer reviews of the product. They can also write their
own reviews.
 To provide strong security and provide the user data a strong privacy.

1.4 Scope and Limitation

Scope of the Gadget Hub: The scope of the GadgetHub are listed below:

 To facilitate customers with an enhanced supply of latest gadgets.

 To provide customers standard quality of gadgets.
 To provide data security and assurance of customers’ privacy information.
 To deliver smartphones in customers’ desired location with in time.
 To offer customers sometimes festive and different promotional offers.
 To provide a seamless UI experience of site and easy navigations that can withstand
several users at once.

2
Limitation of the Gadget Hub:

The limitations of the GadgetHub are listed below:

 The website may be not available in all the places where internet access is not
available.
 People may not find gadgets of their own choices.
 Some people may find the website hard to use because of non-technical skills.
 In case of shipping and delivery sometimes, it may be not sure to deliver gadgets in
destination place of the customers (like geographically tough areas like mountain and
hilly areas specially rural ones).
 Sometimes people may prefer other websites offering gadgets items like GadgetHub
(market competitor).

1.5 Report Organization

This report is organized into four chapters as follows:

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

3
 CHAPTER 2

ORGANIZATION DETAILS AND LITERATURE REVIEW

2.1 Introduction to Organization
AppTechnoSoft 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 App
Techno Soft . In order to assist clients in achieving their objectives, it supplies their
demands as well as similar points of view.

App Techno Soft is an IT firm that specializes in business digitization. Digital media has
connected the world, but it has also increased the challenge of communication. Company
creates a communication medium, a way to make your presence known in the world of
digitization. The company involves customers in the project and allows them to see the
progress. With professionals on staff, the company creates a one-of-a kind value for
business by combining technology, creativity, and innovation. In the digital age, having
dedicated and hardworking team members allows for easy adjustment to new
technologies, new marketing techniques, and changing the marketplace. App Tech is a
company with young guns that provides high value to their customers and their business
through a blend of digital media, new technologies, hard work, innovation, and creativity.

2.1.1 Organization's Logo

Figure 1: Organization's Logo

4
2.1.2 Organization's Contact Details

Table 1: Organization's Contact Details

Name App Techno Soft

Address Koteshwor, Kathmandu, Nepal

Contact +977 980-3034959

Email info@appsoft.com

Website https://appsoft.edu.np

Working Hours 11am – 5 pm

Working Days Sun - Fri

2.2 Organization Hierarchy

An organization is usually organized according to the different activities they perform to
the extent possible so that the company can run smoothly and achieve its mission, vision
and goals, App Techno has a functional organizational structure.

There is a flow in every company where each decision is passed through some hierarchy,
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.

The diagram below shows its organizational hierarchy:

5
 Figure 2: Organization Hierarchy

2.3 Working Domains of Organization

Followings are the major areas in which the company is providing its services:

a) Digital Marketing: Digital marketing helps boost brand visibility and attract potential
customers through online platforms. It uses tools like social media, email campaigns,
SEO, and paid advertising to generate leads and drive engagement.
b) Search Engine Optimization (SEO): SEO improves a website's ranking on search engines
through keyword optimization and quality content. It also involves technical
enhancements to increase organic traffic and website performance.
c) Graphic Designing: Graphic designers create visual content such as posters, banners, and
logos to convey brand messages effectively. They use tools like Photoshop and Illustrator
to design engaging and impactful graphics.
d) Web Design and Development: This service focuses on building responsive, functional
websites using programming languages and frameworks. It ensures smooth user
experience across devices and platforms, combining both design and coding skills.

6
e) Mobile App Development: This service includes developing mobile applications for
Android and iOS platforms. It ensures apps are user-friendly, responsive, and optimized
for performance and cross-platform compatibility.
f) UI/UX Design: UI/UX design focuses on creating user-friendly interfaces that provide a
smooth digital experience. It involves understanding user behavior, designing layouts,
and testing for usability and satisfaction.

2.4 Description of Intern Department/Unit

2.4.1 Placement

Interns are hired at App Techno Soft through a series of technical tests and interviews and get
the opportunity to experience a hands-on bust environment. The intern openings at the time
of my application were: web development, java full stack developer, .NET developer, and
android developer. The interns are assigned to different projects and work with enthusiastic
team members collaboratively. It allows an undergraduate student to study, develop their skill
set, and improve their technical talents. Interns here work under the supervision of different
team leads for the projects they are assigned to. Their supervisors provide daily tasks to guide
their work. Interns are evaluated based on their performance, and those who demonstrate
strong skills and capabilities may be offered trainee and employee in the organization after
successfully completing a technical and HR interview.

2.4.2 Duration

Table 2: Internship Duration

Start Date Jan 28, 2025

End Date Apr 28, 2025

Duration 3 months

Working Hours 6 hours (11am – 5 pm)

Working Days 5 days (Sun – Fri)

7
2.5 Literature Review

In developing markets across the world, the merging of rapidly growing economies and
the advance in mobile services usage create new innovative services including m-
commerce. M-commerce is services or platform offers industry players to their consumer
for various commerce activities by using mobile devices capacity. In other words, M
Commerce involved the transaction of information, services and goods through mobile
devices between merchants and end-user or their customers in wireless communication
technology (Ahmad & Ibrahim, 2017).

The Internet makes business easier and faster. It has led to changes in the way people do
the fast-growing global business in online shopping or online trading. Online shopping is
considered the most useful way to buy products online especially during holidays and
concessions. It allows customers to enjoy a wide variety of products and products not
only from a particular store, but from a variety of stores that include all kinds of items.
Shopping online also provides customers with excellent customer service that also takes
place online E Commerce software can be used to manage your online store and handle
aspects such as adding and removing products, tracking inventory, calculating taxes and
other work required to fulfill orders placed on the website (Dhayfule et al., 2022).

There are a large number of online shopping websites that offer a large number of
products designed to meet the shopping needs of a large number of customers. These
online markets have thousands of products listed in various categories. Shopping has been
considered a hobby for many. Online shopping too. The purpose of this application is to
develop a web based online marketing interface. The system can be easy to use and that is
why it makes shopping fun for users. Buying and selling products offline, you will be
limited to selling products in a limited area where the store is located. When you buy any
product customer you should visit many websites for price, comparison features, delivery
time and product availability capabilities. We have considered mobile phones, laptops,
televisions, washing machines, refrigerators for commercial purposes. Details of design
and operation are discussed in the following sections. The functionality of the proposed
application is divided into several sub- modules. Consumer shopping cart modules,
orders, payment and product module. These modules when combined provide the desired
functionality of the application (Dhayfule et al., 2022).

8
The evolving era leads to versatile activities. From the way of thinking to the methods in
keeping up the activities that are supported by digitalizlaation. The implementation of
digitalization provides impacts on several sectors, especially in business sector. Both
electronic information technology and economic globalization have been developed
rapidly that put e-commerce’s role to predominate the economic activities in many
countries. One of the activities of business process is web-based purchasing, by buying
the goods are posted by the company, which sell and send the products through the
internet. To align the recent technology era that supported by the internet, several
innovations are merged to form a method, called as online shopping. It utilizes a platform
that specifically designed to support business process. Several things that should be
considered in e-commerce, among others is the requirements of development by adopting
the effective risk management technique in maintaining certain aspects, such as artificial
intelligence, financial information, trade secret among companies over information source
that its misused regarding to online activities will lead to serious threat (Qurtubi et al.,
2022).

9
 CHAPTER 3

INTERNSHIP ACTIVITIES

3.1 Roles and Responsibilities

I worked as an intern at App Techno Soft to fulfill the academic requirements of my BSc
CSIT eighth semester. My internship began on Jan 28, 2025 and ended on April 28, 2025.
Daily working hours were from 11a.m. to 5 p.m. (Monday to Friday, i.e., 5 days a week).
The responsibilities that were given to me during my internship period in AppTech
TechnoSoft are:
 Implementing responsive, user-friendly web pages with HTML, CSS, JavaScript, and
React.js.
 Integration of RESTful APIs in the frontend components for the purpose of
displaying data dynamically.
 Implementing authentication and Authorization through Secure Login and RBAC
with Spring Security.
 Performing database operations with MySQL for users, products, and transactions.
 Detecting and fixing the frontend and back-end bugs.
 Collaborating with the project manager to satisfy GadgetHub's functional
requirements.

3.2 Weekly Log

Table 3: Details of weekly log

Weeks Activity Description

1st Orientation and Introduced to GadgetHub’s team and tools (VS

Frontend and GitHub Code, Git, GitHub, Postman, MySQL). Learned
basics HTML, CSS, JavaScript basics, and project
structure. Started React fundamentals (JSX,
components, props, state) and practiced basic Git
operations with GitHub.

10
2nd React Components Practiced building reusable React components
Development, Github (cards, forms, buttons). Built static UI using
Workflow and Bootstrap and Tailwind CSS. Learned useState,
Collaboration useEffect, and component lifecycle. Collaborated
using GitHub for code updates, pushing changes,
and pull requests.

3rd-4th Backend Learned Spring Boot basics: creating REST

Introduction & Controllers, services, models. Built sample REST
API Handling APIs and tested them using Postman. Created and
connected MySQL database, wrote basic queries,
and used JPA repositories. Integrated dummy data
APIs with React frontend using Axios.

5th- 6th Full-Stack Implemented full CRUD functionality: frontend

CRUD forms (React), backend APIs (Spring Boot), and
Operations data persistence (MySQL). Used form validation,
error handling, and conditional rendering.
Connected modules like "Add Product", "Update
Info", and "Delete".

7th Spring Security Implemented secure login system using Spring

& User Security. Applied role-based access control. Stored
Authentication JWT/token/local session data on the frontend.

8th Admin Designed and developed Admin Panel UI in React.

Dashboard Created backend APIs for managing users/products.
module Applied conditional rendering for roles.

11
9th-10th e-sewa payment Researched and integrated the eSewa payment
gateway gateway using React frontend and Spring Boot
research, backend. Developed REST APIs for transaction
integration and initiation and verification. Tested the full payment
testing flow with eSewa sandbox, storing results in MySQL
and handling success/failure responses.

11th Project Testing Conducted testing: unit tests with JUnit, API testing
and Debugging in Postman. Fixed bugs in CRUD, login, and
payment modules. Polished UI and checked
responsiveness.

12th Final Demo and Presented final project to mentor. Submitted source
Wrap-up code and documentation. Shared internship learning
journey, challenges, and future improvement
suggestions. Exit meeting and feedback collection.

3.3 Description of the Project Involved during internship

GadgetHub is a comprehensive full-stack e-commerce platform with React.js, HTML,
and CSS, along with Bootstrap and Tailwind CSS for frontend styling. The backend
constitutes Java with Spring Boot and Spring Security. It has a modular RESTful
architecture, with the backend API tested on Postman and MySQL as the relational
database accessed through SQLyog Community Edition. The platform supports two main
roles: Admin and Customer. Admins are granted full control for managing products,
users, orders, and system configurations, while Customers are allowed to register, log in,
browse products, add products to their carts, place orders, and make secure payments
using the integrated eSewa Payment Gateway, which was implemented and tested with
esewa credentials. The initial system contained two separate UIs for Admins and Users
but was later changed to a role-based dynamic menu UI. Version control, collaboration,
and branch-wise updates were carried out by means of GitHub. The project gave practical
experience in the entire realm of modern full-stack development, from API design to role-

12
based authentication to secure payment integration and real-time system testing, with
continuous improvement through weekly tasks and iterative feature deployment.

3.3.1 Functional Requirements of the System

Functional requirements specify the particular features and functionalities that the
GadgetHub must have. The behavior of the system and its interactions with users and
other components are directly impacted by these criteria. The following are some
instances of functional requirements for the GadgetHub system:

 Registration: Here, customer can register into system through form fill up. After,
registration role of customer is defined whether he/she is customer or admin.
 Authentication: User can authenticate him by filling up his credentials. Based on the
role, either customer or admin is authenticated.
 User profiles: Allows customer to edit their profile, view order history, view item lists
on cart etc.
 Order Processing: The customers will be able to order products, items, add, delete cart
items and add shipping details.
 Role categorization: The customer and admin can be specified. Admin will have
admin dashboard from where he can do admin activities.
 Production Management: The site will facilitate mobile phones category like android,
IOS, and other navigation bars items.
 Search and Filter Options: The customer will be able to search gadgets in search bar
by keywords.
 Notifications: The site will send live notifications for order verifications in customer’s
email, password change etc.
 Customer care: Customers can freely talk to our team to know more about the services
which will create more user-friendly environment.

13
 Figure 3: Use Case Diagram

3.3.2 Non-functional Requirement

Non-functional requirements concentrate on the characteristics and limitations of the
system rather than its particular capabilities. These specifications specify the system's
functionality, security, and other attributes. The following are some instances of non-
functional needs for the GadgetHub system:

 Performance: The site should run smoothly even it should tolerate high traffics.
 Usability: The site should be easy to use for customers having easy navigations.
 Reliability: The site should be reliable in terms of it availability all the time
decreasing downtime.

14
  Response Time: Website’s pages should open within specified time to provide
optimal user experience.
 Scalability: The system should be able to extend users without affecting the
performance of the system.
 Security: The site should not compromise any customers’ data and payment
details. Ensure encryption algorithms.
 Compatibility: The site should be platform independent in terms of devices and
browsers.
 Responsiveness: The site should be fully responsive to provide customers a
seamless UI experience of the site.
 Maintainability: The code should be managed in a such way that it should be
easier for documentation, updates, debugging, and many more.

3.3.3 Feasibility Study

a) Technical Feasibility: Widely used and modern technologies like React-js, Java
(Spring Boot), MySQL, and JS libraries such as Bootstrap and Tailwind CSS were
used while developing GadgetHub. Tools used included VS Code, IntelliJ IDEA,
Spring Tool Suite, Postman, and SQLyog Community Edition, facilitating smooth
development and technically feasible within a standard development environment.
b) Economic Feasibility: The project has strong economic feasibility, considering the
use of open-source and cost-effective technologies. With technologies such as React,
Spring Boot, MySQL, and Postman, a scalable, feature-rich application was
developed without the burden of additional licenses. In this way, the expenses of
hardware and software were kept minimal, thereby keeping the cost of developing the
system within easy reach of budget considerations, yet delivering robust performance
and value for the future.
c) Operational Feasibility: GadgetHub improves efficiency by automating key tasks,
including product listings, order processing, user management, and payment handling
through eSewa. The system involves handling data securely, performing interactions
in real-time, and presenting an easy-to-use interface. Due to role-based access control,
responsive design, and efficient data flow, dependable day-to-day operations occur
atop the platform, enhancing the user experience for administrators and end-users
alike.

15
3.3 Tools
Frontend Tools
a) HTML & CSS: Used fix layout basis and style the platform core layout and its basic
components.
b) JavaScript: Apart from handling all the dynamic interactions, JavaScript also helps in
the smooth functioning of the client-side.

c) React.js: Leveraged for building reusable UI components, managing state with hooks
like useState and useEffect, and creating a dynamic, component-driven frontend
architecture.

d) Bootstrap & Tailwind CSS: Combined for responsive design and styling, Bootstrap
provided ready-made UI components for consistency, while Tailwind CSS enabled utility-
first styling for rapid, customizable design.

Backend Tools
a) Java & Spring Boot: Used as the core backend framework to develop RESTful APIs,
handle business logic, and structure the service, controller, and repository layers.
Spring Boot streamlined configuration and rapid development.
b) Spring Security: Implemented for authentication and role-based authorization,
securing endpoints for Admin and Customer roles. Managed session control and
protected sensitive data access.
c) SQLyog Community Edition: A GUI-based database management tool used to
interact with the MySQL database. It helped visualize tables, run queries, manage
schema, and track data changes more efficiently.
d) Postman: Used to test and debug REST APIs. Helped validate requests, check
response payloads, simulate client-server interactions, and verify authentication
workflows.

16
 Development Environment

a) IDEs and Editors:

 Visual Studio Code- Used mainly for frontend development(React,HTML,CSS,JS)
 Intellij IDEA - Used for backend development with Java and Spring Boot.
 STS- Also used for spring development and project management with built-in Spring
support.
b) Server: Apache Tomcat - used to deploy and run the Java-based web application
efficiently.

Database: SQLyog Community Edition - GUI tool for managing and querying the
MySQL database.
Documentation: Microsoft Word- Documenting the whole project procedure,
requirement analysis, system design, implementation, and user manual.

Design Tools: Draw.io- It is an online designing tool used to draw different OOP and
UML diagrams like class diagrams, sequence diagram, activity diagram etc.

3.5 System Testing

3.5.1 Admin Test

Following tests verify the different functionalities of admin.

Table 4: Testing for admin

S.N. Test Case Test Description Steps Expected Pass/

Id Result Fail
Executed

1 TC_AD_01 Admin Login Admin enters Admin will Pass

valid email and be redirected
password, then to admin
clicks on the dashboard.
login button.

17
2 TC_AD_02 Invalid Login Admin enters the Error Pass
invalid credentials message
and click login. should
appear

3 TC_AD_03 Add Product Go to add Product Pass

product, click add should be
products , fill added and
form and submit, listed

4 TC_AD_04 Edit Product Go to product, Changes Pass

select product, should reflect
edit product and in product
save. list

5 TC_AD_05 Delete Product Go to product, Product Pass

select product, should be
click delete. removed.

6 TC_AD_06 View Customers Go to Customer's Admin can Pass

section and view view
list of all customers'
customers. list.

7 TC_AD_07 Role-Based Trying access Redirect to Pass

Access admin page while login page
logged out

8 TC_AD_08 Admin Logout Admin clicks Admin is Pass

the logout logged out
button/link. and
redirected to
the login
page.

18
3.5.2 Customer Test

Following tests verify the different functionalities of Customers.

Table 5: Testing for Customer

S.N. Test Test Description Steps Expected Pass/

Case Id Result Fail
Executed

1 TC_CU_ Customer Fill registration Customer Pass

01 Registration form with valid account
data and submit. should be
created.

2 TC_CU_ Customer Login. Customers logs Customer Pass

02 in using valid will be
credentials or redirected to
directly by dashboard.
Google login
buttons.

3 TC_CU_ Invalid Login Customer logs in Error Pass

03 with invalid message
credentials and should
click login. appear.

4 TC_CU_ View Product List Navigate to Product Pass

04 Homepage. listing should
be visible

19
 5 TC_CU_ Add to Cart Click "Add to Product Pass
05 Cart" on a should be
product. added into
cart.

6 TC_CU_ Place Order Add items to cart Order Pass

06 , Proceed to confirmation
checkout ,Select page should
payment and appear.
Confirm.

7 TC_CU_ e-Sewa payment Select e-Sewa as Payment pass

07 payment option status
and complete updated and
payment using redirected to
test credentials. success.

8 TC_CU_ Role Restriction Trying accessing Access Pass

08 Admin URL as denied or
Customer redirected

9 TC_CU_ Customer Logs out Login first then Session ends Pass.
09 click on "logout" , redirected
from navigation. to homepage
or login

3.6 Class Diagram

The process of object modeling using a class diagram for GadgetHub is given below that
shows t relation between the instantiated classes and the defined class, and the relation
between these objects in the system.

20
Figure 4: Class Diagram

21
 CHAPTER 4

CONCLUSION AND LEARNING OUTCOMES

4.1 Conclusion
During my internship at App Techno Soft Pvt Ltd, I was presented with the wonderful
possibility to work closely with the Frontend Team, as well as gain exposure in backend
development. I was working on real-time projects using technologies such as HTML,
CSS, JavaScript, React.js and MySQL, which enhanced my working knowledge of
frontend development in modern times and design systems.

I, in the meantime, explored Spring Boot, an industrial backend framework, where I came
to know about the strategies for scalable RESTful APIs building and maintenance of
server-side application logic. Along with this, I made the user interface responsive,
integrated frontend components with backend services, and actively participated in
discussions on the application structure and workflow among my colleagues.

This internship gave me a professional brush-up, as well. I bettered my soft skills in

communication and coordination of tasks in an agile team environment. I even had times
when I participated in meetings, interacted with fellow teammates, and confidently made
clear presentations of project deliverables.

Overall, the internship in this company has been fruitful for me to explore both technical
as well as soft skills, team work, collaborations and work ethics. I believe, this will led
me to contribute my passion and career as software engineers in near days.

4.2 Learning Outcomes

The learning outcomes from the internship involve the following:

a) Frontend Development
 Engaged in hands-on working knowledge of HTML, CSS, JavaScript, React.js.
 Built reusable UI react components by using React.js.
 Applied Tailwind CSS for making it responsive and to maintain a clean UI.

22
b) Backend development
 Created and developed REST APIs using Java Spring Boot.
 Implemented Spring Security for login and role-based authorizations.
 Integrated SQLyog community for database and performed all CRUD operations.

c) Tools and environment

 Used VS code, Intellij and STS for development purpose.
 Managed codebase with Github, and experienced with Github push/pull, merge and
collaborations.

d) API Testing and Debugging

 Practiced API testing and validations using postman.
 Used console logs, browser dev tools, and backend logging tools to debug and resolve
issues.
e) Payment Gateway Integration
 Researched and integrated esewa payment gateway to the GadgetHub.
 Understood payment API flow and how to handle success/failure responses securely.

f) Project Structure and Management

 Understood folder structures, role-based UI flows, and deployment basics.
 Well-Collaborated collaborations and maintained structured workflows.

g) Soft Skills
 Improved ability in communication and collaboration in a team environment.
 Developed problem-solving skills through debugging and feature implementation.

23
 REFERENCES

Ahmad, Z., & Ibrahim, R. (2017). Mobile commerce (M-commerce) interface design: A
review of literature. IOSR Journal of Computer Engineering, 19(3), 66–70.
https://doi.org/10.9790/0661-1903046670

Dhayfule, A. D., Gund, A. S., Ghongade, H. A., Waghmare, S. A., & Bhosale, S. S.
(2022). Review of case study of e-commerce mobile app development. International
Journal of Advanced Research in Science, Communication and Technology, 2(9), 1–10.

Qurtubi, G. A. Y., Yudhistira, M. A., Febrianti, I. P., Rachmadewi, I. P., & Purnomo, H.
(2022). The role of e-commerce: A systematic literature review. International Journal of
Interactive Mobile Technologies, 16(13), 118–129.

24
 APPENDICES

Screenshots:

Figure 5: Homepage

Figure 6: Gadgets Lists

25
Screenshots:

Figure 7: Registration Form

Figure 8: Admin/Customer Login

26
Screenshots:

Figure 9: Add to Cart

Figure 10: Payment

27