132

UI/UX DESIGNING Internship

AN INTERNSHIP REPORT

Submitted by

Pranav patel
(200410116132)

In partial fulfilment for the award of the degree of

BACHELOR OF ENGINEERING
in
Information Technology
Sardar Vallabhbhai Patel Institute of Technology, Vasad.

Gujarat Technological University, Ahmedabad.

April,2024

Gujarat Technical University SVIT

132

Sardar Vallabhbhai Patel Institute of Technology, Vasad

B/h. S.T. Bus Depo, Rajupura Village, Vasad, Anand, Gujarat 388306.

CERTIFICATE
This is to certify that the project report submitted along with the project
entitled agile development ui ux Internship has been

carried out by nikesha patel under my guidance in partial fulfilment

for the degree of Bachelor of Engineering in

Information Technology, 8th semester of Gujarat Technological

University, Ahmedabad during the academic year 2022-23.

Internal Guide Head of the Department

Prof . Nikesha Patel Dr. Mala Mehta

Asst. Prof. IT Dept.

S.V.I.T, Vasad S.V.I.T, Vasad

Gujarat Technical University SVIT

132

Company Certificate

Gujarat Technical University SVIT

132

Sardar Vallabhbhai Patel Institute of Technology, Vasad

B/h. S.T. Bus Depo, Rajupura Village, Vasad, Anand, Gujarat 388306.

DECLARATION
We hereby declare that the Internship report submitted along with the

Internship entitled agile uiux Internship submitted in partial fulfilment for the

degree of Bachelor of Engineering in Information

Technology to Gujarat Technological University, Ahmedabad, is a bonafide

record of original project work carried out by me at nexamuse Pvt.

Ltd. under the supervision of Mr. chirag patel and that no part of this report has been

directly copied from any students’ reports or taken from any other

source, without providing due reference.

Name of Student Sign of Student

Gujarat Technical University SVIT

310917

Acknowledgement

This dissertation would not have been possible without the guidance and the help of
several individuals who in one way or another contributed and extended their valuable
assistance in the preparation and completion of this study.

I would like to express my gratitude to Sardar Vallabhbhai Patel Institute of Technology

and Gujarat Technical University for including internship program course which has
provided an opportunity to gain practical working experience in the organization.

I am grateful of NEXAMUSE Pvt. Ltd. for the opportunity to do an internship within the
organization. It was a great chance for learning and professional development. I am also
grateful for having a chance to meet so many wonderful people and professionals who led
me to the right path throughout this internship period.

I express my deepest gratitude to Mr. Chirag patel Painter for being my external guide
who in spite of being busy with his duties, took time out to listen, gave necessary advice
and guidance, and arranged all facilities during the training.

I would like to express my endless thanks Prof. nikesha mam for being my internal guide
who gave me all necessary guidance whenever I needed, during the internship.

Pranav patel
200410116132.

Gujarat Technical University i SVIT

310917

Abstract
Advances in personal computing and information technologies have
fundamentally transformed how maps are produced and consumed, as
many maps today are highly interactive and delivered online or through
mobile devices. Accordingly, we need to consider interaction as a
fundamental complement to representation in cartography and
visualization. UI (user interface) / UX (user experience) describes a set of
concepts, guidelines, and workflows for critically thinking about the
design and use of an interactive product, map-based or otherwise. This
entry introduces core concepts from UI/UX design important to
cartography and visualization, focusing on issues related to visual design.
First, a fundamental distinction is made between the use of an interface as
a tool and the broader experience of an interaction, a distinction that
separates UI design and UX design. Norman’s stages of interaction
framework then is summarized as a guiding model for understanding the
user experience with interactive maps,noting how different UX design
solutions can be applied to breakdowns at different stages of the
interaction. Finally,three dimensions of UI design are described: the
fundamentalinteraction operators that form the basic building blocks of
aninterface, interface styles that implement these operator primitives, and
recommendations for visual design of an interface

Gujarat Technical University iii SVIT

310917
List of figures

Figure 1.1 design thinking phase .................................................................................3

Figure 2.1 figma………………………………………………………………………5
Figure 4.1 figma app design.........................................................................................14
Figure 4.2 finance app.................................................................................................14
Figure 4.3 valued matrix…………………………………………………………….14
Figure 5.1.1 3d-2d model………………………………………………………….....17
Figure 5.1.2.1 ig posts for social media....................................................................18
18 Figure 5.1.2.1 figma section………………………………………………………18
igure 5.1.3.1figma simple page……………………………………………………....19

Figure 5.2.1 Home Page………………………………………………………………20

Figure 5.2.2.1 agile uiux………………………………………………………………20
Figure 5.2.2.2 agile ux…………………………………………………… …………21

List of Tables

Table 1.1 Company Details................................................................................................1

Table 3.1 Roles and Responsibility.................................................................................10
Table 4.1 View Test...........................................................................................................26
Table 4.2 Form Test..........................................................................................................28
Table 8.2.1 Dates of Continuous Evaluation..................................................................29

Gujarat Technical University iv SVIT

310917

Table of Contents
Acknowledgement...............................................................................................................i
Abstract..............................................................................................................................ii
List of figures....................................................................................................................iii
List of Tables.....................................................................................................................iii
1. Overview.........................................................................................................................1
1.1 Company Details........................................................................................................1
1.2 History........................................................................................................................1
1.3 Scope of Work............................................................................................................2

3. Introduction to Internship............................................................................................7
3.1 what is ui....................................................................................................................7
3.2 Purpose.......................................................................................................................7
3.3 Objective....................................................................................................................8
3.4 Scope..........................................................................................................................8
3.5 what is ux...................................................................................................................9

5.2 Interface Design..............................................................Error! Bookmark not defined.

5.2.1 Home Page............................................................Error! Bookmark not defined.
6. Implementation............................................................................................................24
6.1 design thinking phases
7 Conclusion and Discussion...........................................................................................27
8.1 Overall Analysis of Internship.................................................................................28
8.2 Dates of Continuous Evaluation...............................................................................28
8.3 Summary of Internship.............................................................................................28
8.4 Limitations and Future updates:...............................................................................29

Gujarat Technical University v SVIT

310917 Overview

1. Overview
1.1 Company Details

Table 1.1 Company Details

General Information
Axelor Technologies India Pvt. Ltd.

Building/Floor/Room Near new busstand anand

City Anand
Pin Code 388301
State Gujarat
Country India
Email Address [email protected]
Website www.nexamuse.com
Telephone +91 8153089559
Nature of Business IT Solutions

1.2 History

The company, founded in 2005, acquired considerable expertise after several years of
integration of BPM, CRM and ERP software and distinguish itself by its research and
development projects with the open source community.
Axelor has developed and perfected since 2014 a new open source business applications
suite that represents a real alternative to traditional BPM & ERP applications.The platform
is innovative, modular and scalable, and benefits from a true integrated BPM.
Axelor has its headquarters in France in the new area of Marne-la-Vallée near Paris, as
well as a subsidiary in India in the city of Surat.

The company has been growing at a very fast rate in recent years.

Gujarat Technical University 1 SVIT

310917 Overview

1.3 Scope of Work

Axelor Technologies India Pvt. Ltd., Web Development Company in Surat, is committed
towards helping b usinesses boost their presence in industry, supporting businesses in
their
growth and expansion, staying innovative and creative through constant improvement,
and vative
making the web a more efficient and user-friendly environment. Our company aims to
help

1.4 Service we specialize in

• ERP: Nexamuse offers support to companies with Open Source ERP software.
Although ERP is a well-known business management software that is frequently
used, particularly by SMEs and SMIs, its Open Source version allows you to truly
customize its content. Indeed, Open Source ERP software is characterized by the
fact that it can be modified and adjusted according to the needs of the client or the
company that uses it. It is therefore a fully customized solution that can be
developed according to the needs and expectations of the company.

• CRM: Open Source CRM software is software dedicated to customer relationship

management whose source code is accessible and adaptable. CRM (Customer
Relationship Management) is software that allows you to manage your customer
relationships more effectively. It is intended particularly for the sales, marketing
and of course, the customer service departments. Specifically, it allows you to
centralize customer contact details, to keep track of exchanges and thus to facilitate
customer relations. With a Low-code/No-code version of this type of software, the
company can adapt it to its expectations and needs without necessarily having
coding skills. The Open Source CRM software is therefore an adaptable and
customisable customer management software.

• BPM: Business Process Management (BPM) software is a software for managing

business processes. Its objective is to analyse the different processes of the
company in order to identify possible improvements. To do this, it will define them
and then execute them autonomously, always with the aim of improving results.
The BPM platform is therefore a business strategy tool as well as a management
assessment that allows performance problems to be addressed in a concrete and
effective manner. This allows the company to benefit from many strategic
advantages later on. The implementation of automated processes, in particular
through workflow, can make a real difference to companies, since the primary aim
of this software is to facilitate the completion of certain tasks and processes in
order to benefit from better organization and greater productivity.

Gujarat Technical University 2 SVIT

310917 Overview

Figure 1.1

1.6 Capacity of Plant

For an organization, capacity would be the ability of a given system to produce

output within specific time period. In operations, management capacity is
referred as an amount of the input resources available to produce relative output
over period of time.

Gujarat Technical University 3 SVIT

310917 Overview of Department

2. Overview of department of the organization

2.1 Work being carried out in each department

Front-end development:
The role of a front-end developer is crucial in creating and designing visually appealing
and user-friendly websites or applications. They are responsible for the layout, design, and
functionality of the user interface of a website or application. This involves creating the
user interface (UI) design, selecting the appropriate fonts, color schemes, and creating the
interactive elements that enable users to interact with the website or application. Front-end
developers need to be proficient in various programming languages such as HTML, CSS,
and JavaScript to create responsive and functional websites. Additionally, they need to be
able to work collaboratively with other members of the development team to ensure that
the front-end integrates smoothly with the back-end. Overall, the front-end developer
plays a crucial role in making websites or applications attractive, engaging, and easy to
use for the end-users.

Back-end development:
Backend developers play a critical role in designing and maintaining the server-side of
web applications, which involves creating the logic that powers the front-end interface.
Java is a popular language used by backend developers due to its robustness and
scalability. A Java backend developer is responsible for building and maintaining the
server-side code that manages the application's database, business logic, and data
processing. They design and implement scalable and efficient back-end systems that can
handle large volumes of data, and ensure that the codebase is maintainable and extensible.
Additionally, they work with other members of the development team to integrate the
back-end with the front-end and ensure that the application functions smoothly. A
backend developer with Java skills is in high demand due to the popularity of the
language, and their work is essential to ensure that web applications are secure, reliable,
and performant.

2.2 Technical Specifications

• Visual studio Code

• GitHub
• Git
• Insomnia
• Material UI (MUI)
• Ms Office
• Chrome/ Firefox

Gujarat Technical University 4 SVIT

310917 Overview of Department

Gujarat Technical University 5 SVIT

310917 Overview of Department

2.4 Details of stage of production.

2.4.1 Detail
• Life time supports
• Exclusive design
• Solve your problem with us
• We Provide Awesome Services
• Your business deserves best software

2.4.2 Development
• Creating Stunning design
• Solve your problem with us
• Grow your business
• We Provide Awesome Service
• Exclusive Design

2.4.3 Launch
• Research & Developing
• Fully customizable
• Solve your problem faster There are many variations

• Your business deserves best software

2.4.4 Planning
• One click and site ready to use
• Launch Your Project
• Solve your problem with us
• We Provide Awesome Services

Gujarat Technical University 6 SVIT

310917 Introduction to Internship

3. Introduction to Internship

3.1 Internship Summary

The internship program is designed to provide students engaged in a field

experience with an opportunity to share their insights, to explore the links
between students' academic preparation and their field work, and to assist
participants in developing and carrying out the major research project which
will serve to culminate their internship experience.

My role in the organization as a Frontend Web Developer intern. I learned about HTML,
CSS, JavaScript, Material UI and React Js with the deployment process. I have learned
about code optimization, best practices.

During my time in training, I made 4 mini projects.

1. Portfolio (HTML-CSS).
2. Calendar (HTML-CSS, JavaScript)
3. Form Validation(JavaScript , React Js)
4. Axelor POS (Add to Cart functionality)

After completion of training, I was assign to the project of my internship, i.e. Project
management system (PMS).

3.2 Purpose

• Improving productivity and time management

• Gain Experience
• Identify career goals
• Authentic experience of a job
• Learning new skills and latest technologies
• Acquire knowledge of corporate life

Gujarat Technical University 7 SVIT

310917 Introduction to Internship

3.3 Objective

One of the core reasons and purposes of an internship is to expose you to a

specific job, profession, or industry. While you may have an idea of what a job
is, it is only when you do it that you will know if this is what you think, whether
you have the education and skills to do it, and if you like it.

An internship will, of course, help you find out more about the work
environment but also about yourself. You have a clear idea of your strengths,
weaknesses, likes, and dislikes. Knowing that you have hands-on experience
will make you more confident in job hunting and interviews.

3.4 Scope

React is a UI library. It draws components on a web page. You write

components as JavaScript functions or classes, pass them to React, and it will
call them to figure out what the page should look like.

After it’s done rendering the page, it stops. It is not constantly running in the
background waiting for something to happen. You described what to render,
React rendered it, and React is done.

Material-UI (also known as MUI) is a popular open-source library of React

components for building user interfaces with a modern and responsive design.
MUI follows the Material Design guidelines developed by Google, which
provides a consistent and visually appealing design language for web
applications.

With MUI, developers can easily create beautiful and responsive UIs using
prebuilt components such as buttons, forms, grids, and more. MUI also provides
Gujarat Technical University 8 SVIT
310917 Introduction to Internship

customization options for developers to modify the look and feel of the
components to fit their specific needs.

3.5 Internship Planning

3.5.1 Internship Development Approach

For the internship project development approach, I have opted to use the SDLC
software model as described earlier. This approach offers various benefits, such as
delivering a high-quality solution, cost savings, and reducing time to market. It
also promotes planning ahead of time and allows for defining costs and staffing
decisions, identifying goals, measuring system performance, and validating points
at all phases of the development life cycle, thus improving the quality of the end
product.

3.5.2 Project / Internship Effort and Time, Cost Estimation

The internship duration is 12 weeks, running from

February 1st, 2023, to April 29th, 2023, with an estimated average time of 40 hours
per week.

3.5.3 Roles and responsibilities

• Learning of HTML, CSS, JavaScript, React Js, and other relevant web
development coding technologies

• Using all these technologies to bring concept to life

• Developing websites to the requests of clients
• Managing website’s workflow
• Maintenance of created website, finding and fixing bugs and making the system
robust.

Table 3.1 Roles and Responsibility

Gujarat Technical University 9 SVIT

310917 System Analysis

4. System Analysis

4.1 Study of Current System

4.1.1 Project Management System (PMS)

• A React web application
• User Interface: The project management system should have an easy-to-use and
intuitive user interface that allows users to add, delete, and update data with ease.
• Access Control: Access control mechanisms should be implemented to ensure that
only authorized users can add, delete, and update data.
• Data Validation: The system should validate the data entered by users to ensure
that it is accurate and meets certain criteria before it is added, deleted, or updated.

4.2 Problem and Weakness of Current System

• No authentication
• Need some instructiveness. Security Risks
• Maintenance and Upgrades

4.3 Requirement of New System

1. Project Planning: The system should support project planning, including creating
project timelines, defining project tasks, and assigning resources.

2. Task Management: The system should provide a way to manage individual tasks
within the project, including assigning tasks to team members, tracking progress,
and monitoring task dependencies.

3. Resource Management: The system should support managing project resources,

including team members, equipment, and materials.

4. Collaboration: The system should enable collaboration between team members,

including sharing documents and communicating in real-time.

5. Reporting: The system should provide a way to generate reports on project

progress, resource utilization, and other project metrics.

Gujarat Technical University 11 SVIT

310917 System Analysis

6. Customization: The system should be customizable to meet the specific needs of

the organization, including custom fields, workflows, and integrations.

7. Accessibility: The system should be accessible to all team members, regardless of

their location, device, or platform.

4.4 System Feasibility

4.4.1 Does the system contribute to the overall objectives of the organization?
Yes but this all mini projects are parts of my learning and I have created as a part
of application of what I have learn in order to know how in real world
application I can use this knowledge. So this projects are not related with
business of organization, they are just part of learning in order to create value in
future.

4.4.2 Can the system be implemented using the current technology and within the
given cost and schedule constraints.
Definitely. All this projects are cost effective and completed within given time
slots. There’s no need of external hardware or software to implement as all
software tools are free to use nowadays with excellent built in features.

4.4.3 Can the system be integrated with other systems which are already in place?
We can integrate to do Application with Timer or Clock Application so that users can set
timer with their To-dos. So people can more utilize their daily routine as they get deadline
or timer to complete a specific task and scheduling of user’s day can be more precise.
4.5 Activity in Proposed System

1. User has to select a module : Projects, tasks , Tickets

2. User can see the data of the displayed modules
3. User can add a new project by clicking on the new button
4. User can modify the data by clicking the edit button
5. User can delete the data using the delete button near the data
6. User can select between card or table view
4.6 Features of the Proposed System

1. Adding Data: To add data to the system, the user should navigate to the

Gujarat Technical University 12 SVIT

310917 System Analysis
appropriate section of the system and click on the "Add" button. This
will

Gujarat Technical University 13 SVIT

310917 System Analysis

open a form where the user can enter the required data fields, such as
project name, task name, start and end dates, and team member
assignments. Once the data is entered, the user can click on the "Save"
button to save the data to the system.

2. Deleting Data: To delete data from the system, the user should navigate
to the appropriate section of the system and select the data they wish to
delete... Once the data is selected, the user can click on the "Delete"
button to delete the data from the system. The system should prompt the
user to confirm the deletion before proceeding.

3. Updating Data: To update data in the system, the user should navigate to
the appropriate section of the system and select the data they wish to
update. Once the data is selected, the user can click on the "Edit" button
to open a form where they can make changes to the data fields. Once the
changes are made, the user can click on the "Save" button to save the
updated data to the system.

4. Displaying Data: To display data in the system, the user should navigate
to the appropriate section of the system and select the data they wish to
view. The system should display the data in a clear and organized
manner, such as in a table or list format. User can view it in card or table
view.

Gujarat Technical University 14 SVIT

310917 System Analysis

4.7 illustrators

1. Components:

Figure 4.1 Components

Components are independent and reusable bits of code. They serve the same purpose
as JavaScript functions, but work in isolation.

2. Services

Figure 4.2 Services

Services is the module that contains most of the functions that are responsible for
adding, deleting, updating and displaying data.

3. Views

Figure 4.3 Views

Views contains all the views of forms, table and card.

Gujarat Technical University 15 SVIT

310917 System Analysis

4.8 Selection of Software and Justification:

1. VS Code:
At its heart, Visual Studio Code features a lightning-fast source code editor,
perfect for day- to-day use. With support for hundreds of languages, VS Code
helps you be instantly productive with syntax highlighting, bracket-matching,
auto-indentation, box-selection, snippets, and more. Intuitive keyboard
shortcuts, easy customization and community- contributed keyboard shortcut
mappings let you navigate your code with ease. For serious coding, you'll often
benefit from tools with more code understanding than just blocks of text.

Visual Studio Code includes built-in support for IntelliSense code completion,
rich semantic code understanding and navigation, and code refactoring. And
when the coding gets tough, the tough get debugging.

VS Code also integrates with build and scripting tools to perform common tasks
making everyday workflows faster. VS Code has support for Git so you can
work with source control without leaving the editor including viewing pending
changes diffs.

2. Insomnia:
Insomnia is an open-source REST client that helps developers debug, test, and
document APIs. It provides an easy-to-use interface that allows developers to
create HTTP requests and view responses in real-time. Here are some key
features of Insomnia:

Request Management: Insomnia allows developers to manage their API requests

in a centralized location. Developers can create, edit, and delete HTTP requests
with ease.

Request Customization: Insomnia allows developers to customize their HTTP

requests by setting headers, parameters, and request bodies. This feature allows
developers to test different scenarios and see how the API responds.
Gujarat Technical University 16 SVIT
310917 System Analysis

Response Viewing: Insomnia displays the API response in real-time, allowing

developers to see the JSON, XML, or HTML output. This feature helps
developers to quickly understand the response structure and troubleshoot any
issues.

Environments: Insomnia allows developers to create different environments for

testing APIs. This feature enables developers to switch between different
environments easily and test APIs in different contexts.

Authentication: Insomnia supports various authentication methods, including

basic auth, OAuth, and API keys. This feature helps developers to test APIs that
require authentication.

Documentation: Insomnia provides an option to document API requests,

responses, and endpoints. This feature helps developers to share API
documentation with their team members and external stakeholders.

Code Generation: Insomnia allows developers to generate code snippets in

different programming languages based on their API requests. This feature helps
developers to quickly integrate APIs into their applications.

Overall, Insomnia is a powerful tool for developers who work with APIs. It
simplifies the process of testing and debugging APIs, and provides a
userfriendly interface for managing API requests and responses.

3. Git:
Git is a free and open source distributed version control system designed to handle
everything from small to very large projects with speed and efficiency.

Git is easy to learn and has a tiny footprint with lightning fast performance. It
outclasses SCM tools like Subversion, CVS, Perforce, and ClearCase with

Gujarat Technical University 17 SVIT

310917 System Analysis

features like cheap local branching, convenient staging areas, and multiple
workflows.

Gujarat Technical University 18 SVIT

310917 System Design

5. FIGMA

5.1 Figma Design & Methodology

I follow a structured methodology for my projects which starts from designing

the solution to the implementation phase. Well planned Project reduces the time
to deliver the project and any additional costs to application end user; hence I
dedicate the majority of my time understanding client's business and gather
requirements.

So for this I have tried to create components that are going to be onscreen and
then I have applied necessary styling to it so user can easily interact with it.
After this I have done work of Java Script and Firebase in appropriate projects.
This system design methodology has effectively helped me during development
and it’s easier to do modification wherever required.

This ground-up approach helps me deliver not only the solution to our clients but
also add value to their investments.

Gujarat Technical University 19 SVIT

310917 System Design

Level 0:

Gujarat Technical University 20 SVIT

310917 System Design

Gujarat Technical University 21 SVIT

310917 System Design

Gujarat Technical University 22 SVIT

310917 System Design

Gujarat Technical University 23 SVIT

310917 System Design

Gujarat Technical University 24 SVIT

310917
Implementation

6. Implementation

6.1 Implementation Platform

The Web project was prepared on a PC with the following spec.

• Windows OS 10 Pro
• RAM 16 GB
• Intel Core i5-10400 CPU
• 224 GB SSD
• Stable Internet Connection up to 100Mbps
• Visual Studio Code IDE (Integrated Development Environment)
• IntelliJ IDEA (Integrated Development Environment)

6.2 Technology

The technologies and programming languages used for this project are as follows:

1. React: React makes it painless to create interactive UIs. Design simple views for
each state in your application and React will efficiently update and render just the
right components when your data changes.

2. JavaScript Programming Language: JavaScript, often abbreviated JS, is a

programming language that is one of the core technologies of the World Wide
Web, alongside HTML and CSS.

3. . Git: Git is a distributed version control system that tracks changes in any set of
computer files, usually used for coordinating work among programmers
collaboratively developing source code.

7.1 Testing Plan

Gujarat Technical University 25 SVIT
310917
7. Testing

Gujarat Technical University 26 SVIT

310917 Conclusion and Discussion
A Test Plan is a detailed document that describes the test strategy, objectives,
schedule, estimation, deliverables, and resources required to perform testing for
a software product. Test Plan helps us determine the effort needed to validate
the quality of the application under test.

The salient things that needed to test are User friendly Interface Design,
Navigation of pages, a well-defined navigation path, proper changes in UI
which means UI is in sync with backend and successful storing of data and data
retrieval.

The Standard checklists occur for precise types of testing, such as security
testing. The testing is based upon the identified defects in the existing system
the test engineer will follow the procedures or guidelines created by a panel of
industry specialists or committee standards to find test conditions, describe test
cases, and put the testing team in place.

7.2 Test Results and Analysis

Table 4.1 View Test

Actual Result Result

Test Case Description Expected Result
Renders the The component It Pass
component without should render render
crashing without any errors. s
without
1 crashing.
The component It Pass
Displays a legend should display a displa
with the text legend with the text ys
"Projects" title
2 "Projects".
The component It Pass
Displays a NavBar should display a displa
3 component NavBar component.
ys navbar
The component It displays Pass
Displays a should display both view
ListViewComponent ListViewComponent component
4 component component.

Gujarat Technical University 27 SVIT

310917 Conclusion and Discussion
The component It displays Pass
should set the table as
Sets the default state default state for default view
5 for "view" to "table" "view" to component
"table".
The component It fetches Pass
Fetches data from should fetch data Data from api
the API when from the API when
6 mounted it
is mounted.
The component Change in Pass
should change the page number
page number in the is seen
Changes the page URL and fetch data
number when the from the API when
user clicks on a the user clicks on a
7 pagination button pagination button.
The component Search I Pass
should filter the data results is seen
based on the user's in both table
Filters the data based search input and and card
on the user's search fetch the filtered data
8 input from
the API.
The component Toggle Pass
should toggle between card
Toggles between the between the table and table is
table and card view and card view when seen
when the user clicks the user clicks on a
9 on a view button view
button.
The component Loader is seen Pass
should display a when data
loading spinner when is
Displays a loading fetched
spinner when the the data is being
10 data is being fetched fetched.

Gujarat Technical University 28 SVIT

310917 Conclusion and Discussion

Table 4.2 Form Test

Gujarat Technical University 29 SVIT

310917 Conclusion and Discussion
Test
Case Description Expected Result Actual result Result
1 User is navigated to Pass
API receives data and
User fills out all next page
required fields saves it. User is
correctly and navigated to the
submits previous page.
2 Form validation Error messages Pass
displays error are seen
messages for
User does not fill missing fields. Data
out all required is not sent to the
fields API.
3 Error message is Pass
Form validation
seen
displays error
User enters an message. Data is not
invalid end date sent to the API.
4 User selects a It has appropriate Pass
project and its Parent task
options
corresponding dropdown is
parent tasks are populated with
loaded appropriate options.
5 It has appropriate Pass
options
User selects a
priority level and its Task dropdown is
corresponding populated with
tasks are loaded appropriate options.
6 It has appropriate Pass
options
User selects an Assignee name is
assignee and their displayed in the
name is displayed appropriate field.
7 It suggests Pass
Autocomplete
User enters partial matching options
project name and suggests projects
waits for matching the user's
suggestions input.
8 User is navigated to Pass
API receives data and
User fills out all next page
required fields saves it. User is
correctly and navigated to the
submits previous page.

Gujarat Technical University 30 SVIT

310917 Conclusion and Discussion
8 Conclusion and Discussion

8.1 Overall Analysis of Internship

Working at Axelor Technologies has provided me with the following aspects apart from
technical knowledge:

1. Work experience in group.

2. Develop the interpersonal, managerial and entrepreneurial skills that are crucial in
every professional and employee’s career development.
3. Importance of time and punctuality.
4. Time commitment while doing any work.
5. Understanding client needs and requirements.
6. Learnt how to optimize code.

8.2 ADOBE PHOTOSHOP

8.2.1 Dates of Continuous Evaluation

25th February, 2023 Internal Evaluation
18th March, 2023 Internal Evaluation
29th April, 2023 Internal Evaluation

Gujarat Technical University 31 SVIT

310917 Conclusion and Discussion
8.3 Overall Analysis of Internship

Working at Axelor Technologies has provided me with the following aspects apart from
technical knowledge:

1. Work experience in group.

2. Develop the interpersonal, managerial and entrepreneurial skills that are crucial in
every professional and employee’s career development.
3. Importance of time and punctuality.
4. Time commitment while doing any work.
5. Understanding client needs and requirements.
6. Learnt how to optimize code.

8.4 ADOBE PHOTOSHOP

8.2.1 Dates of Continuous Evaluation

25th February, 2023 Internal Evaluation
18th March, 2023 Internal Evaluation
29th April, 2023 Internal Evaluation

Gujarat Technical University 32 SVIT

310917 Conclusion and Discussion
8.5 Summary of Internship

Working with Axelor Technologies as a frontend developer intern has helped me to

understand what my area of interest is. I have gained an immense amount of technical
knowledge from this work experience, and I plan to continue it for my future career. I
believe that my commitment as a web application developer won't solely enhance my
career path. However, additionally I have to learn new technologies to improve my ability
to create changes on my career path.
To extend, as an intern, I have learned React JS for web application development, and to
code in a way that my code can be easily changeable, reusable, and easy to fix bugs and
profitable and a new programmer can use it after. I used React JS for my internship
project development and while working with React JS, I found it easily learnable, usable,
and there is a bright scope for me to choose the React development as a future path. Also,
I set myself some achievement list before the beginning of my internship for my
improvement and I am pleased to inform that my achievement list is achieved precisely.

On the other hand, I have learned to acclimate to work in a development team and in a
professional environment. As a web developer, I gain so much confidence dramatically
due
to my internship. I am ready to work in a professional organization as a full-time
employee and eager to contribute to growth and profit with all the skills that I have
acquired.

Gujarat Technical University 33 SVIT

310917 Conclusion and Discussion
8.6 Limitations and Future updates:

Our project management system is a powerful tool for managing projects and tasks, but
we recognize that there are some limitations to the current system. In order to address
these limitations and provide an even better user experience, we are planning several
updates in the near future. Below are some of the limitations we have identified, as well
as the updates we have planned to address them:

Limitations:
1. Lack of visual representation: Our current system is very text-heavy and lacks a
visual representation of tasks, which can make it difficult for users to manage their
work efficiently
2. Data accuracy concerns: There is currently no mechanism in place to verify the
accuracy of data entered into the system, which can lead to errors and duplicates.
3. Limited reporting capabilities: Our current system does not have robust
reporting capabilities, which can make it difficult for users to analyze their data
and make informed decisions.

Future Updates:
1. Adding a Kanban View:
The Kanban view is a popular agile methodology for managing work and projects. This
view will allow users to visualize their work and manage their tasks more efficiently.
Users will be able to see a list of tasks organized by status, such as "to do", "in progress",
and "completed". They will be able to move tasks from one status to another by simply
dragging and dropping them.
The Kanban view will also include a "work in progress" limit for each status column. This
will help users to better manage their workload by limiting the number of tasks that can
be in progress at any one time. Once a task is completed, it can be moved to the next
status column, and users can focus on the next task.
2. Data Verification and Validation:
Data verification and validation checks will be added to the system to ensure that no false
or duplicate data is sent to the server. This will help improve the accuracy and reliability
of the data in the system. For example, if a user enters an incorrect date or time, the
system will flag it as an error and notify the user to make the necessary corrections.
Similarly, if a user tries to enter a duplicate task, the system will flag it as an error and
notify the user.
In addition to data verification and validation checks, the system will also include
automatic data backups to ensure that user data is not lost in case of a system failure.
Overall, these changes are designed to improve the user experience and help users
manage their projects more efficiently. The Kanban view will provide a more visual and
intuitive way to manage tasks, while the data verification and validation checks will help
ensure that

Gujarat Technical University 34 SVIT

310917 Conclusion and Discussion

3. Reporting:
We are planning to add robust reporting capabilities to the system, which will enable
users to analyse their data and make informed decisions. Users will be able to generate
reports based on various criteria, such as task status, completion time, and assigned team
member.

Gujarat Technical University 35 SVIT