N° 04 / 08 — PIM · SaaS
JABS Software
The PIM that ends the chaos: all your product data in one place, and AI to put it to work.
- Role
- Design and development
- Year
- 2024
- Status
- In progressProfessional
- Stack
- C# · .NET · Azure · Next.js · React · SignalR
- Links
- Website ↗
01 / 07
The problem
Product data lives in folders, spreadsheets and emails. Marketing, sales, engineering and logistics lose huge amounts of time finding it and keeping it up to date.
02 / 07
What I did
I designed a Product Information Management system built to stay simple: products, their families and attributes, publishing channels, imports and exports, in one shared organisation.
AI features help manage and make use of product data.
03 / 07
How it's built
The backend is C# / .NET on Azure services, in a service-oriented architecture. The front end is Next.js and React.
SignalR brings real-time updates to the interface.
- Imports
- .NET services on Azure
- Next.js interface
- Channels and exports
04 / 07
Challenges
- 01
A data model each customer shapes
Families, attributes and channels are defined by each organisation. The challenge: keeping the interface clear when the structure changes from one customer to the next, with drag and drop, a rich text editor (TipTap) and filters kept in the URL.
- 02
Real time for the whole team
With SignalR, a change shows up instantly for everyone working on the same catalogue, without reloading.
- 03
Separate, secured workspaces
Auth0 authentication and workspaces separated by organisation: each team only sees its own data. Every route of the .NET API, real time included, is described and replayed in Bruno collections.
05 / 07
Results
JABS is preparing its launch: the website is live, and its waiting list is open.
06 / 07
What I learned
A PIM stands or falls on its data model. The hard part is not displaying a product, but letting each customer define their own families and attributes without the interface turning into an endless form.
07 / 07
Tech stack
- Front end
- Next.jsReactTypeScriptZustandZodTipTapTailwind CSS
- 3D, motion and real time
- SignalR
- Back end and APIs
- C#.NETREST APIs
- DevOps, cloud and testing
- AzureDockerGitBruno (API testing)
- Security and networking
- Auth0 (OAuth 2)Access control
- Product, SEO and methods
- Jira
Next project · 05 / 08
Pepoo Arena
Pepoo Arena
