A web-based tool to create, edit, and visualize structured financial products in real time.
Built with React + TypeScript + Firebase + Recharts, this app is perfect for financial engineers, traders, students, or anyone interested in exotic options and custom payoffs.
-
๐ Structured Product Builder
Create custom products with multiple options (calls, puts, barriers, knock-ins, knock-outs, digitals...). -
โ๏ธ Live Editing & Auto-Save
Update parameters and auto-save with visual confirmation. Each option is editable individually. -
๐ Real-Time Graphs
See the final payoff graph and toggle different Greek curves (Delta, Gamma, Vega, etc.). -
๐ User Authentication
Firebase-authenticated users can securely store and retrieve their own products. -
๐ Dynamic Option Library
Option types are fetched from Firestore, so you can expand your model easily without code changes.
- Frontend: React, TypeScript
- Graphs: Recharts
- Database: Firebase Firestore
- Auth: Firebase Auth
- Hosting: GitHub Pages
- Build Tool: Parcel