This is a full-stack business workflow that takes a record from input to approval. A typed React form validates data on the client and sends it to a REST API built with ASP.NET Core in C#. The API checks the business rules again before saving the record to SQL Server inside a transaction.
From there, a role-based approval workflow moves the request from draft to submitted, then to in review and finally to approved. An append-only audit log records every step. The app is containerised with Docker and released through a Git/GitHub CI/CD pipeline.
A large part of my experience comes from B2B projects under NDA. This case is an illustrative reconstruction: the domain, records and data are fictional, while the architecture and technologies are the ones I worked with.
Tools: TypeScript, React, C#, .NET Core, SQL Server, Docker, Git, GitHub
0
62
This is a multi-step survey flow built for reliability. I modelled the whole flow as a state machine with XState, and the React UI simply renders the current state. This keeps the flow safe at every step: you can't continue until your answer is valid, if you close the tab you come back to the same step with your answers saved, and if the connection drops your answers are kept and sent automatically once you're back online.
The result is a flow that is easy to reason about and easy to test, and it ships through CI/CD on GitHub.
I have often worked in B2B environments on projects covered by NDA. This is an illustrative reconstruction of the architecture I designed: the domain and data are fictional, and the patterns and stack reflect the real work.
Tools: TypeScript, React, XState, Node.js, GitHub, CI/CD
0
74
I designed and built a product from the first sketch to production code. I started with low-fi wireframes to map the flows, then built a design system in Figma with colors, type, spacing and a reusable UI kit. Every hi-fi screen was assembled from those components.
On the development side, I turned the design tokens into typed TypeScript and built the components in React with Vite. Motion handles the animations.
Much of my work has been for B2B clients on projects under NDA. That's why this case is an illustrative reconstruction of my process: the domain, screens and data are fictional, and the approach and tooling are the ones I really used.
Tools: Figma, TypeScript, React, Vite, Motion
0
81
My personal website is a one-page portfolio that I designed and built myself: concept, visual identity, UI and code.
My mascot is small rubber-duck, a nod to rubber duck debugging.
Stack: React + Next.js, TypeScript, Tailwind CSS, GSAP, deployed on Vercel.
Recordings in 4:3 format to upload them as cover :)
Live at teresasignati.com (http://teresasignati.com)
1
2
147