The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Fintruvia AI-Powered Personal Finance Platform
Designed and developed Fintruvia, a full-stack personal finance platform that helps users track expenses, manage budgets, monitor savings goals, understand financial health, and receive AI-powered financial insights from one dashboard.
I built the frontend with React, TypeScript, Vite, and Tailwind CSS, and developed the backend with Node.js, Express, TypeScript, Prisma, and PostgreSQL. The application includes secure JWT authentication, per-user data isolation, budget alerts, goal tracking, financial health scoring, expense forecasting, analytics dashboards, and AI coaching.
I also focused heavily on responsive design, financial data accuracy, API architecture, authentication, and creating a clean experience across desktop and mobile.
Key features: secure authentication, budgets, transactions, savings goals, net-worth and financial-health tracking, analytics, forecasting, AI coaching, responsive dashboards, REST APIs, and PostgreSQL data management.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
Really happy with how this interaction turned out. Sound effects feel super satisfying as well
The interaction feels so satisfying. The sound effects are a really nice touch. 🔥
Digital: Full-Stack Engineering and Product Design Showcase
I created Digital as an integrated portfolio and engineering hub built to showcase modern software development, intelligent systems, and end-to-end product craft. Rather than separating visual design from code execution, I designed the platform to highlight the intersection of both: building scalable full-stack web applications, architecting responsive UI systems, and deploying production-grade AI solutions that drive real results.
The visual direction centers on a deep, cinematic dark aesthetic accented by clean glowing highlights and refined glassmorphic surfaces. This palette keeps technical information comfortable to scan while establishing a sharp, developer-first identity. Balanced typography, crisp borders, and generous breathing room ensure that code architectures, project metrics, and visual interfaces maintain an effortless visual hierarchy.
The hero experience sets an immediate standard of technical authority. It articulates a clear vision around full-stack development, agentic workflows, and intuitive product design. Direct calls to action invite collaborators, founders, and engineering teams to explore live builds, review technical stacks, and initiate new product partnerships without unnecessary friction.
The core capability breakdown organizes engineering disciplines into structured, high-value modules. It highlights competencies across scalable web apps, modern front-end frameworks, robust backend API architecture, and intelligent automation pipelines. Each area emphasizes clean code, speed, and real-world business impact over surface-level buzzwords.
The featured projects section walks through complete digital experiences from concept to deployment. Visitors can inspect live application interfaces, explore design system implementations, and review how complex technical requirements are translated into simple, elegant user journeys.
Across every section, I focused on layout balance, modern scannability, and high-performance craft. The final result is a portfolio platform that feels forward-thinking, polished, and engineered to prove technical capability through clean execution.
Good Work!!!!
As an AI Engineer, I spend most of my day working in the terminal—so I thought, why not make my portfolio look like one? 🖥️🟩
I wanted a personal site that reflects how I actually work. No flashy animations or endless scrolling, just a clean, interactive command-line interface built with React and TypeScript.
In the video below, you can see how to navigate it. You can type ls projects to see the RAG systems and ML architectures I've built, or cat experience to see my background.
Take it for a test drive and let me know if you discover any of the commands!
The terminal metaphor is carried through with real discipline—the monospace hierarchy and command-based navigation make the portfolio feel like a tool, not just a skin. Exposing projects, experience, and contact as discoverable commands is a smart interaction detail.