Back

Siegfried

    UI/UXPersonalWeb Development

Siegfried" is a platform I developed for creating and signing contracts. The inspiration for this project came during my tenure at Kikin, where I worked on a similar feature. I saw the potential for such a tool and decided to give it a try as a standalone app. One of the major challenges I encountered, and continue to face, is PDF generation. It's been a complex aspect to tackle, but with each iteration, Its steadily improving.

https://images.ctfassets.net/sm69g8phqke9/3AyYjN2xjMWHmDJ85Xveks/51e2f4671d82019e87fa422b5faf01f0/edit_contract_page.png
https://images.ctfassets.net/sm69g8phqke9/5hDejiTttGPR3Avybja96x/77001edb5c34053eb3d36670312c2189/sign_in_page.png
https://images.ctfassets.net/sm69g8phqke9/2T1UW7cIDe21vDFJW7oIfc/a8ad64c966c7037ad00720af5da71800/contracts_page.png
https://images.ctfassets.net/sm69g8phqke9/63gMcE4tQWilqqh8nmZCLQ/bfa1642f87e068a5a35367956981829d/sign_contract_page.png
https://images.ctfassets.net/sm69g8phqke9/5plYWjbVd6KcPtfsyzXhKm/f26449c7fc9a7bd0b23f221404c32cd5/dashboard_page.png

Technologies used

Next.js: as fullstack react framework

Vercel: as host provider

Figma: to prototype designs

Tailwind CSS: as utility-first CSS framework

Shadcn UI: as UI component library. Specifically for its compatibility with Tailwind

TRPC: for end-to-end safety

Prisma: as ORM