FinFun with DNA Bitcoin

FinFun is a unique web app that turns Bitcoin seed phrases into beautiful, DNA-style visuals. Each design is generated from the cryptographic data of a Bitcoin wallet.

Comment

FinFun

FinFun is a creative web app that turns Bitcoin seed phrases into stunning, DNA-style visual patterns. Each design is generated from the cryptographic data of a Bitcoin wallet, creating a unique digital “genetic fingerprint.”

What It Does

FinFun blends finance, fun, and education by using the concept of DNA to explain how Bitcoin wallets and seed phrases work. It transforms complex crypto ideas into visual stories that are easy to understand and fun to explore.

Main Features

🧬 Crypto-DNA Visuals

  • Helix Animations: Turns Bitcoin seed phrases into flowing, DNA-like strands.
  • Unique and Secure: Uses hash functions (SHA-256, SHA-512) to create unique patterns every time.
  • Live Drawing: Renders visuals in real-time using HTML Canvas.
  • 2D & 3D Modes: Switch between flat and 3D versions of the DNA patterns.

🔐 Wallet Tools

  • Seed Phrase Generator: Creates random Bitcoin seed phrases using the BIP39 standard.
  • Upload Support: Lets users upload JSON files to generate visualizations from real wallets.
  • Bitcoin Address Viewer: Displays the address linked to each seed phrase.
  • Demo Wallet Mode: Generates example wallets for exploring the features.

🖼️ NFT Gallery

  • 50 Unique Artworks: A collection of FinFun DNA visuals as NFTs.
  • OpenSea Integration: Hosted on the Sepolia testnet for exploration.
  • Paginated Gallery: Browse easily through the NFT collection.
  • Interactive Previews: Click to open full-screen animated previews.

🧠 Quantum Matrix Simulation

  • Hacking Visualization: Simulates a quantum computer trying to guess Bitcoin seed phrases.
  • Multiple View Styles: Toggle between 2D and 3D matrix modes.
  • Real-Time Generator: Constantly creates new wallets and visual patterns.
  • Seed Word Mapping: Highlights connections between seed words.

How It’s Built

Tech Stack

  • React + TypeScript: For a modular and scalable frontend.
  • Tailwind CSS: Enables fast, responsive, and clean UI styling.
  • ShadCN UI: Provides accessible and stylish components.
  • React Router: Manages smooth page transitions.

Animation & Visualization

  • HTML Canvas API: Drives real-time drawing of DNA strands and matrix effects.
  • Three.js: Used for immersive 3D scenes.
  • Deterministic Algorithms: Ensures visual consistency for each seed phrase.
  • ASCII Art: Adds creative, character-based visual effects.

Crypto Logic

  • BIP39 Compliant: Seed phrases are generated to official standards.
  • SHA Hash Functions: Used to convert cryptographic data into visuals.
  • Taproot Support: Displays Taproot-style Bitcoin addresses.

User Experience

  • Interactive and Engaging: Full of animations, sliders, and toggles to explore.
  • Educational Hints: Helps users understand what they’re seeing.
  • Mobile Friendly: Looks and works great on all screen sizes.
  • Smooth Flow: Clean transitions, feedback messages, and polished UI.

Why It Matters

FinFun makes crypto education fun and visual. By showing the hidden beauty of seed phrases and cryptographic data, it helps users understand:

  • How Bitcoin wallets and seed phrases work
  • How security and randomness shape crypto identity
  • How digital finance can be turned into digital art

Built With

Share this project:

Updates

Submission history