Project overview
React Fiori Style streamlines attachment workflows inside SAP environments.
The role-aware portal connects business tools, administration, OData services, and automated Fiori deployment.
Enterprise Web Application
2026 CompletedReact Fiori Style
A Fiori-aligned React application for managing SAP file attachments, business objects, and administrative workflows.
Attachment search, metadata, and versioning.
Objectives
- 01
Simplify attachment operations
Make attachment search, preview, and versioning intuitive.
- 02
Preserve Fiori usability
Keep SAP interactions familiar across every workflow.
- 03
Connect files to business context
Link attachments to business objects and audit data.
Key features
Role-aware launchpad
Show business and administration tools by access level.
Attachment management
Find, create, preview, and version attachments.
Business object linking
Connect files to their SAP business context.
Administration tools
Manage users, configuration, deleted files, and metrics.
Challenges and decisions
Fiori in React
Challenge
A modern React app still needed to feel native to SAP.
Decision
Combined UI5 controls with Tailwind-based composition.
SAP service integration
Challenge
OData requests required SAP context and CSRF protection.
Decision
Centralized both concerns in a shared Axios layer.
My contribution
- Owned frontend architecture, technology choices, and interface direction.
- Built the React application and shared OData v4 integration layer.
- Implemented access control and automated SAP Fiori deployment.