Building Frameworks in React and Angular for
Development across the full stack: With frameworks
such as React and Angular, front-end and back-end
developers can work together more easily by using
component-based architectures. As seen in (Van
Kesteren et al. (2020)), for instance, full stack
frameworks such as Node.js with React enable
developers to send data from back-end server to front-
end components making it easy for them to develop
responsive and interactive applications. To
implement such applications, however, these
frameworks require a careful optimization of the
underlying performance versus the rich UX, and as
the application scales this task gets more difficult.
DevOps and CI/CD for Full-Stack Development:
The use of Integration and Deployment tools such as
Jenkins and Gitlab leads to delivering features and
fixes greater than in weeks. This efficiency, however,
is overshadowed by the claims of Mendes and Nunes
(2017) that such user centered designs are quickly
replaced with other processes if a proper UX pattern
isn’t existing in the development cycle. Evidence has
been submitted stressing out the need for cross-
cutting development environments that openings
focusing on UX testing during the design journey.
2.3 AI to Improve User Experience
Design
As noted, AI has arrived in User Experience Design
and the key objective is to ease the design process by
automating and optimizing its components. Tasks like
user research, usability testing, and even designing
interfaces are generated by AI-enabled tools.
The literature reveals a significant body of work
surrounding UX design in full-stack development,
AI-enabled design tools, and integration strategies.
However, gaps remain in effectively bridging the
design-functionality divide, particularly through AI-
driven solutions that enhance collaboration between
UX and full-stack development teams. By addressing
these gaps, the integration of AI with full-stack
workflows can optimize both user-centered design
and technical functionality, ensuring the creation of
seamless, intuitive applications. The next steps
involve further research into how AI can automate
and integrate both design and development processes,
creating a holistic approach to building user-centric
applications.
AI Role in Personalization: Sharma and others
(2020) stress is on the introduction of AI systems in
that they should enhance the user experience through
personalizing the content, recommendations or the
interactions depending on how the user behaves.
These technologies allow the moving features to be
changed in the interface because it is possible to
adjust in real time and make the design adapt to the
user. De Moura et al. (2021) also investigate the
combination of AI with UX field to develop
individualized interfaces that for instance change the
elements of layout, navigation and content
serialization when the client requires it based on
previous usage instances.
AI Based Design Tools: Other recent studies also
look at how AI can be used to enhance UX design by
performing some monotonous tasks as picking color
sets, suggesting layouts and even doing adhering to
disability standards. Software such as Sketch or
Figma with AI plugins helps designers to apply data
collected on the users to recommend UI elements
through ML algorithms and this positively influences
the design process (Yadav et al., 2021)
AI for Usability Testing and Analysis: In
usability testing, AI will also have a role in
eliminating the time taken to spot the usability issues,
analyzing how users interacted and recommending
changes. Zhao and others (2022) suggest that there
are AI tools that can analyze a lot of interactions so as
to find trends, model user habits and even suggest
how to enhance the design based on facts. Such trends
hen assisted by AI analytics can increases how fast
Gaps in current research and practice Although UX
research for full-stack development has advanced a
lot, but there are still many gaps that need attention.
These include:
Integrating AI into full-stack development:
Despite the widespread use of AI in UX design, there
is limited research on how AI can be directly
integrated into the full-stack development process.
Today's AI tool stack often resides in specific aspects
of UX design (such as users, interface design, or
personalization) designed to increase efficiency. But
few tools can fully address an application's lifecycle.
Especially bridging the gap between design and
backend functionality...
Collaborative framework for full-stack UX
teams: The gap between UX design and full-stack
development practices remains significant. Existing
tools and frameworks tend to focus on the front-end
or the back-end. Instead it provides for a seamless
integration of both domains. AI-powered tools that
bridge this difference by supporting both UX and full
stack development workflows are less preferred.
AI in Real-Time UX Optimization: Although AI
tools are shown to improve personalization and
automate the design process, but real-time UX
optimization that balances design needs with backend