TrustBlocks — Interactive Financial Literacy Simulator

About the Project Inspiration

Most people learn finance passively by memorizing definitions, but real understanding comes from making decisions and seeing their consequences. I wanted to build a platform where users could experiment with financial systems, blockchain concepts, and cryptography in an interactive way, bridging the gap between theory and real-world application.

What I Learned

During the development of TrustBlocks, I learned how to:

Build interactive simulations using React, TypeScript, and Tailwind CSS.

Implement backend logic with Node.js, Express, and PostgreSQL, including newsletter subscriptions and email sending via SMTP.

Visualize abstract concepts like transactions, trust models, and consensus mechanisms.

Integrate AI assistance via Google Gemini for context-aware tutoring.

Work with cryptographic primitives such as public/private keys, hashing, and digital signatures.

How I Built It

The project consists of:

Frontend: React + TypeScript + Vite with Tailwind CSS, Framer Motion, and Recharts for visualizations.

Backend: Node.js + Express with REST APIs for AI chat and newsletter subscription.

Database: PostgreSQL managed with Drizzle ORM for easy migrations and schema management.

AI & Email: Optional integration with Google Gemini for tutoring and Nodemailer for sending confirmation emails.

The platform is organized into interactive pages:

Landing page with an introduction and AI tutor.

Simulation page comparing traditional vs blockchain transactions.

Cryptography playground demonstrating key generation, hashing, and message signing.

Consensus visualizer for Proof of Work vs Proof of Stake simulations.

Challenges Faced

Visualizing abstract concepts: Making blockchain, cryptography, and financial workflows understandable without overwhelming the user.

State management in simulations: Ensuring the step-by-step interactive flow remained smooth and responsive.

Backend integration: Securely handling emails, database operations, and optional AI calls while keeping the system modular.

Time constraints: Balancing feature completeness and clarity before the hackathon submission deadline.

Final Note

This project is a prototype designed for educational purposes — not for real financial transactions. The goal is to make financial systems intuitive, interactive, and accessible for learners through hands-on simulations.