TRIBHUVAN UNIVERSITY

Kirtipur, Kathmandu

A Final Year Report on

“Nepal IT Solutions”
At
“Web Expert Nepal”

By
Adarsh Maharjan (TU Exam Roll No.10727/073)

An Internship report submitted in partial fulfillment of the requirement for the degree of
Bachelor of Science (B.Sc.) Computer Science and Information Technology
Awarded by IOST, Tribhuvan University

Sagarmatha College of Science and Technology

Sanepa, Lalitpur
November 2021
 Sagarmatha College of Science and Technology
Sanepa, Lalitpur
(T.U. affiliate)

DISCLAIMER

I hereby declare that the presented report of internship entitled Nepal IT Solutions is
uniquely prepared by me after the completion of three months of work at Web Expert
Nepal.
The matter embodied in this report has not been submitted by any other University or
Institution for the award of the degree. This report is my original work and it has not been
presented earlier in this time. This information is purely of academic interest.

…………………..

Adarsh Maharjan
Roll No: 10727/073
BSc.CSIT
Tribhuvan University

2
 Sagarmatha College of Science and Technology
Sanepa, Lalitpur
(T.U. affiliate)

Mentor's Recommendation

I hereby recommend that this report has been prepared under my supervision by Manish
Pythya, in partial fulfillment of the requirements for the degree of B.Sc. in Computer
Science and Information Technology, be processed for evaluation.

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

Manish Pythya
Senior Developer
Web Expert Nepal
Satdobato, Lalitpur
November 2021

3
 Sagarmatha College of Science and Technology
Sanepa, Lalitpur
(T.U. affiliate)

Supervisor’s Recommendation

I hereby recommend that this report has been prepared under my supervision byManish
Aryal in partial fulfillment of the requirements for the degree of B.Sc. in Computer
Science and Information Technology are processed for evaluation.

……………………..

Signature
Manish Aryal
Sagarmatha College of Science And Technology
Sanepa, Lalitpur

4
 Sagarmatha College of Science and Technology
Sanepa, Lalitpur
(T.U. affiliate)

Certificate of Approval

The undersigned certify that they have read and recommended to the Department of
Computer Science and Information Technology for acceptance, an internship report
submitted by Adarsh Maharjan partial fulfillment for the degree of Bachelor of Science in
Computer Science & Information Technology.

5
 ACKNOWLEDGEMENTS

I am glad to take the opportunity to express my sincere gratitude to the supervisor of the
internship program Mr.Manish Aryal for his guidance, support, and valuable suggestions
and coordination until the internship program was complete. I express my sincere
gratitude to him for believing in me and giving me the chance to complete this internship
and helping me in times of uncertainty. It was indeed a great learning experience.

I am very thankful to Ganga Subba, B.Sc. CSIT Coordinator of Sagarmatha College of

Science and Technology, for providing us regular feedback and suggestions to perform
internship project assignments so that we can practically implement our studies in the real
world.

I express my sincere gratitude to Mr.Manish Pathya for mentoring me throughout the

entire development of the project. Without his help, we mightn’t be able to convert our
dream to a working system.

I am very grateful to Web Expert Nepal for providing all necessary help and support for
the entire development of the project as well as infrastructures and facilities during our
internship period. We are very thankful for their cooperation, without which it would
never have been possible to complete this project.

Last but not the least, I am also thankful to all my teachers and friends for their valuable
ideas, suggestions, and support to complete this project.

Sincerely,
Adarsh Maharjan(10727/07)

6
 ABSTRACT

This internship report contains the details of the activities carried out during the
internship conducted at Web Expert Nepal, Satdobato, Lalitpur. It was a real-time work
experience at Web Expert Nepal. I had a chance to learn about the system development
aspect, agile workflow, and the client support system. I was able to gather a lot of
knowledge and experience from our mentor and other professionals. It also taught me
how to work in a group and be an efficient team member.

Web-based applications are very popular in recent days. This type of application is
popular because it doesn’t have to be distributed and installed on the client’s computer. It
is very easy to update and maintain web applications. In terms of accessibility, this type
of application can be accessed from anywhere, anytime from any device supporting
an internet connection.

I was assigned to develop and be a part of a “Nepal IT Solutions '' using React Library.
Our system is a Nepal IT Solutions which is an online-based shopping platform

Keywords

React JS Javascript Library for Development

CSS Cascading Style sheet for Presentation

repo repository

7
 Table of Contents
DISCLAIMER 2
Mentor's Recommendation 3
Supervisor’s Recommendation 4
Certificate of Approval 5
Acknowledgments 6
Abstract 7
List of Table 8
Abbreviation 9
Chapter 1 INTRODUCTION 13
1.1. Introduction 13
1.2. Problem Statement 13
1.3. Objective 14
1.4. Scope and limitation of the project 14
1.5.Brief Introduction of Organization 15
1.5.1. Organization Hierarchy 15
1.5.2. Organization Selection and Placement 16
1.5.3. Duration of Internship 16
1.5.4. Roles and Responsibilities 16
1.5.5. Details of Work Done 17
Chapter 2 LITERATURE REVIEW AND METHODOLOGY 18
2.1. Literature Review 18
2.2. Methodology 18
Chapter 3 SYSTEM ANALYSIS AND DESIGN 19
3.1.System Analysis 19
3.1.1 Requirement Analysis 19
3.1.2 Feasibility Study 19
Chapter 4 System Design 21
4.1 System Architecture 22
4.2. Process Design 22
Chapter 5 IMPLEMENTATION AND TESTING 24

8
5.1. Implementation Tools 24
5.2 Implementation Softwares 25
5.2. Testing 25
Chapter 5 CONCLUSION 27
5.1. Conclusions 27
5.2. Lesson Learnt 27
References 28

9
List of Figure
Figure 1: Organizational hierarchy 15
Figure 2: System Architecture 21
Figure 3: FlowChart process of buying items 22
Figure 4: FlowChart for registration 23
Figure 4: Flowchart for login 23

10
List of Table
Table 1: Duration of Internship 16
Table 2: Details of the work done 17
Table 3: Implementation softwares 26

11
Abbreviation

JS Javascript

JSX Javascript XML

UI User Experience

UX User Experience

12
CHAPTER 1
1. INTRODUCTION

1.1 Introduction
The report is a compilation of my 3 months internship experience at Web Expert Nepal. I
have gained a lot of insight and training in the web development environment by being a
part of this team. HTML, CSS, JS are the important parts of the web so I have developed
this project by using these tools with the react library.

React is a JavaScript library for building user interfaces. It is a free and open-source tool
maintained by Meta and a community of individual developers and companies. React can
be used as a base in the development of single-page or mobile applications. React uses the
JSX(Javascript XML ) for the development of reusable UI components which presents
data that changes over time.

I have the ReactJs library to design a reusable web interface during the development of
this system. It helps the user to browse our system through the client-side rendering

1.2 Problem Statement

This is the advent of the digital age. We spent a part of life in the digital world through
the use of different smart electric devices. People want things fast and we can react to the
customer through digital faster so that we can fulfill their needs

So the project Nepal IT Solutions is an online-based shopping platform that helps the
people of large scale markets just by sitting and on home and browsing through mobile or
PC

13
1.3 Objective
We have built this project to fulfill the following objectives and they are as follows:
● To make an online base the shopping platform
● To get the customers digitally
● To get fast response and of our service and a connect with our customers
● To make a digital platform that will keep track of all the operations done
through the system

1.4 Scope And Limitations

Scope
Nepal IT Solutions is an online-based platform that helps reach a large number of people.
Any people who want goods can order the goods very fast digitally and also get
satisfaction fast. Due to this system, the commuting time is drastically decreased,
increasing the quality of life of our customers while also increasing the revenue of the
client. It is very easy to show the customers our product so it is very easy to host the
goods of the person while also drastically decreasing the storage capacity as well as
making it easy for customers to buy.

Limitation
● Only the owner of the zone can host the goods and service
● The delivery needs to be done by the third-party service provider
● There is a limited selection of the product now

14
1.5 Brief Introduction of the organization

Web Experts Nepal is a South-Asian web-solutions provider in Nepal. They have helped
international businesses illuminate their services and radiate their presence online for
years now, and we have forever proved to be a trustworthy partner in progress. They take
a comprehensive approach in helping you, working from the inside out to ensure
understanding, cooperation, and growth.

Web expert Nepal is a company driven by technology seeking to change the field and
approach of IT in Nepal. They work with different clients to fulfill their technological
needs. They mainly focus on web development through the help of WordPress, React, and
other web technologies. But now they are changing their approach according to the
change in technology and needs of the people

1.5.1 Organization Hierarchy

Fig: Organization Hierarchy

Our CEO of the web expert Nepal is “Yam Bahadur Chettri” who is in charge of the
organization. The Web Development part is led by “Assish Chetri” while the Multimedia
and the management part is led by “Benzil Shrestha”. I became a part of this company as
an intern under the Project Coordinator and also a Senior Developer “Manish Pathya”.

15
1.5.2 Organization Selection and Placement

The selection of process of my internship in this organization was done through the basis
of the reference first from the employee working in this company and there were exam
and the interview section which tested the candidates for capacity to solve the problem,
willingness to learn, and the experience and projects done by the candidate done for the
development of the skills in this fields
As per the requirement, this internship was required for the partial fulfillment of the
bachelor's degree in computer science and information technology. For this process, I had
applied to several organizations for the internship, and among them, I had selected Web
Experts Nepal as a place for my internship due to its organizational environments and
creative projects that they had done

1.5.3 Duration of Internship

Start Date 2 Aug 2021

Mentor Manish Pathya, Ritesh Bagracharya, Biraj Maharjan

Duration 3 Months

Working Hours 9 hours

Working Days 5 days

End Date 2 Nov 2021

Figure 1: Internship Details

16
1.5.4 Roles and Responsibilities
During the internship period the task assigned by the mentors according to the given task
the internee must complete the work. Every Day during the scrum session all the
employees had to present the detailed verbal status of the work they had done and the
internee also had to present the status of their given work and assignment to all during the
scrum session.
Most of the responsibilities assigned to the internee the mentors were researching,
detailed documentation research, and implementation in different test projects for the
improvement of development as well as improvement in the problem-solving skill of the
internees. These tasks and assignments helped build internee experience, skills, and their
own confidence in this field

1.5.5 Details of Work Done

Durations Tasks/Activities

1st week 1. Slicing assignment to test my skills and understanding of the

concept learned before internship
2. Detail research and understanding of HTML structure and its
different tags

2nd week 1. Detail research and understanding of the CSS and its
different ways of implementation
2. Implementation of CSS with HTML in a structured and
systematic way
3. Starting of basics of Photoshop

3rd week-6th week 1. Start of wireframing

2. Understanding of different grid-based principles used during
wireframing
3. Create a wireframe of a website in a creative and in my own
manner

17
 4. Start of slicing in a systematic way of the wireframe that I
created
5. Introduction to Bootstrap
6. Custom wireframe slicing using bootstrap 3 as well as
bootstrap 4

7th - 8th week 1. Intro to JS

2. Intro to package manager like npm, yarn
3. Intro to Webpack
4. Build a custom project using all technologies before

9th-10th weeks 1. Intro to fundamentals of react

2. Start of dynamic data fetching with API’s

10th-11th week 1. Build a custom react app by using all technologies above

11th-12th weeks 1. Final Project submission: An eCommerce app

Table 1: Details works done

18
CHAPTER 2
2. LITERATURE REVIEW AND METHODOLOGY

2.1 Literature Review

There are various other related websites and similar works done during the research and
implementation phase of this project. Some of them are as follows:

● Daraz
Daraz is one of the popular Nepalese e-commerce platforms which was launched
in 2012 where the user of this platform can become both sellers as well as buyers.
It is a digital platform that helps to connect customers to sellers in a fast and
efficient manner

● Amazon
Amazon is a multinational company that is known for e-commerce, cloud
computing, streaming, etc. It established its mark on the digital world in the form
of e-commerce known now as Amazon. The Amazon e-commerce store is one of
the popular stores in the world known for its quality and fast service

2.2 Methodology
This internship report is the study of different processes, phases, and implementation of
the knowledge learned in the relevant field. It starts with the selection of the organization
that you would like to be an internee and give your best performance in the different
kinds of organization activity required to be an able internee

And not least but the last collection of various documents primary and secondary for the
complete evaluation and assessment of your skill through the report

For the development of this report custom wireframe design was given with a custom
APIs for implementation of the project

19
CHAPTER 3
3. SYSTEM ANALYSIS AND DESIGN

3.1 System Analysis

In an analysis of the system different types of research and analyses are done to study the
requirements and feasibility of the system. So feasibility and requirement analysis are
done to know more about the system before implementing

3.1.1 Requirement analysis

● Functional Requirements
The function requirements are defined as requirements that are needed to function.
The system should be able to fetch the different items stored in the database and
perform an online transaction in a systematic and easy way

● Non-functional requirements
There are different non-functional requirements of the system and they are as
follows:
● Performance Requirements
The system should be usable in any device that supports modern browsing.
● Security Requirements
The system should be able to perform the transaction in a secure and
private manner.

20
3.1.2 Feasibility Analysis and Study
The main purpose of the feasibility study is to check if the system is feasible or not in the
current time with the current technology and with the economic support. The feasibility
analysis is done as follows:
● Technical Feasibility
The technical feasibility is done to test if the project can be done in the current
hardware and software available now. This project is technically feasible by using
hardware and React JS library and other dependencies for the development of thi
project.
● Economic Feasibility
This project is economically feasible with the current economic support as this is a
small scale project the development and testing purpose only
● Operational Feasibility
The project can be hosted on the hosting platform for the operation of its daily
task and management
● Schedule Feasibility
This project can be done on the give estimate time of the 3 months so this has
schedule feasibility

21
CHAPTER 4
4. SYSTEM DESIGN

4.1 System Architecture

Figure 2: System-Architecture

Unlike standard MVC frameworks, where data can flow between UI components and
storage in both directions, ReacJS strictly allows data to flow in one direction only.

The given figure shows the working of connected components using react and its hooks.
In ReactJS, you hold your state in a container known as a store. There can only be one
store within an organization. The store usually resembles a state tree where states for all
objects are kept. Any UI component can access the state of a particular object directly
from the store.

In order to change a state from a local or remote component, action needs to be

dispatched. Here Dispatch means sending actionable information to the store. Upon
receiving an action, the store delegates it to the relevant reducer. You can assume reducer

22
as a pure function that looks at the previous state, performs an action, and returns a new
state.

4.2 Process Design

4.2.1 Flow Chart

Figure 3: FlowChart process of buying items

23
Figure 4: Flowchart for registration

Figure 5: Flowchart of login process

24
CHAPTER 5
5. SYSTEM IMPLEMENTATION AND TESTING
Throughout the development phase of this internship I had learned different tools and
technologies for the system implementation of and testing and they are explained below:

5.1 Implementation tools

5.1.1 Frontend tools
● HTML, CSS, JS
HTML, CSS, JS are the fundamental part during the development of the
website.HTML is used for the structuring of the webpage, CSS is used for the
UI/UX experience incongruent with JS while JS also helps for the client-side
scripting
● Bootstrap
Quickly design and customize responsive mobile-first sites with Bootstrap, the
world’s most popular front-end open-source toolkit, featuring Sass variables and
mixins, responsive grid system, extensive pre-built components, and powerful
JavaScript plugins.This was used in our project to make our e-commerce
responsive and intuitive
● React JS
React. js is an open-source JavaScript library that is used for building user
interfaces specifically for single-page applications. It's used for handling the view
layer for web and mobile apps. React also allows us to create reusable UI
components.
● Github and Git
Git is a distributed version control system. This means that every team member
has got a local store that contains all the source code of a project, including the
complete history of all changes of all files. This store is called a 'repository' and it
is located in a hidden folder '. git' on the local file system.
GitHub is a Git repository hosting service, but it adds many of its own features.
While Git is a command-line tool, GitHub provides a Web-based graphical
interface. It also provides access control and several features for collaboration

25
 ● React developer tool
React Developer Tools is a Chrome DevTools extension for the open-source React
JavaScript library. It allows you to inspect the React component hierarchies in the
Chrome Developer Tools

● Thunder client
Thunder client is a REST API testing environment. It enables us to easily test
various REST API requests and see the output returned. It has the ability to make
various types of HTTP requests

5.1.2 Implementation software

Software Description

VS code Text editor for the development

thunder client API testing

draw.io Diagram development as analysis

TABLE 3: Implementation Softwares

26
5.2 Testing

The testing is done to evaluate the difference in the behavior of the software that we want
and behavior that software behaves. This is done in the process of evaluating a software
item to detect differences between given input and expected output. The testing was done
by the Quality analyst by using testing tools

27
CHAPTER 6
6. CONCLUSION AND ENHANCEMENT

6.1 Conclusions
The given project will be used as an e-commerce website. This is ongoing work with only
limited functionalities. During the internship, I got to know about different technologies,
development principles, and working in a professional environment.

The functionality might be limited for now but the knowledge and experience gained
through the internship were valuable

6.2 Lesson Learnt

The time I have spent at WebExperts Nepal as an intern, was a great experience. I got the
opportunity to learn in a professional environment. This helped me to improve my skills,
knowledge, abilities and to work in a group. Apart from this,
● I have learned that problem-solving skills are very important.
● It helped me develop a strong work ethic.
● It helped me know about the professional field of web development in Nepal

28
 REFERENCES

● Documentation and learning resource and repository, Mozilla web docs(MDN),

2021 November.[Online]. Available: https://developer.mozilla.org/en-US/
● A javascript library for development, React JS, 2021 November.[Online].
Available:https://reactjs.org/
● Query and Answer platform for programmers, Stack Overflow, 2021
November.[Online]. Available: https://stackoverflow.com/
● Code hosting platform for version control and collaboration, Github,2021
November.[Online].Available: https://github.com/

29