IOTA Blockchain Hackathon Winner - Proof-of-Concept Android Mobile Application
YumeProof is a revolutionary Proof-of-Concept Android Mobile Application designed for the IOTA Blockchain Hackathon. It tackles the critical problem of real image verification by combining cutting-edge blockchain technology with advanced security mechanisms.
- Google Confidential VM: Trusted Execution Environment for secure backend operations
- Google Play Integrity API: Hardware-level device attestation and software integrity verification
- IOTA Identity Framework: Generates unique Decentralized Identifiers (DIDs) for each verified device
- Verifiable Credentials: Issued by the TEE-backed system to confirm device authenticity
- Authenticated Capture: Images captured within verified application using authenticated device credentials
- Cryptographic Signing: Images and metadata hashed using device-specific private keys stored in Android Keystore
- IOTA Notarization: Permanent blockchain record using Locked Notarization method
- Monetization System: Credit-based system using IOTA Closed Loop Tokens
- Smart Contract Indexing: Paid notarizations indexed for easy verification
- Gas Station: IOTA sponsors transaction fees for seamless user experience
- Web-Based Verification: Anyone can verify image authenticity without app installation
- Cryptographic Proof: Complete verification of image authenticity with metadata
- Global Accessibility: Available worldwide through IOTA blockchain infrastructure
- IOTA Identity: Decentralized identity framework for device authentication
- IOTA Notarization: Immutable proof-of-existence service for images
- IOTA Gas Station: Transaction fee sponsorship for seamless UX
- IOTA Closed-Loop Token: Sustainable monetization mechanism
- IOTA Blockchain Move Package: Smart contract infrastructure
- Rust Uniffi: Cross-platform interoperability for Android-Rust integration
- Kotlin: Native Android application development
- Next.js: Modern React framework for the landing page
- TypeScript: Type-safe development
- Tailwind CSS: Utility-first CSS framework
- Three.js: 3D graphics for interactive phone mockup
- Google Play Integrity API: Hardware-level device attestation
- Google Confidential VM: Trusted Execution Environment
- Android Keystore: Secure private key storage
- Node.js 18.x or later
- npm or yarn package manager
-
Clone the repository
git clone <repository-url> cd yumeproof-landing-page
-
Install dependencies
npm install
-
Start the development server
npm run dev
-
Open your browser Navigate to http://localhost:3000
npm run build
npm start- Captivating introduction to YumeProof
- Highlights IOTA Blockchain Hackathon winner status
- Overview of core capabilities
- 3D Phone Mockup: Built with Three.js
- Scroll-based Animation: Phone reveals and rotates on scroll
- App Demo: Shows YumeProof logo in phone screen
- Feature Highlights: Key advantages and capabilities
- Technical explanation of device authentication
- Google infrastructure integration details
- IOTA Identity DID generation process
- Step-by-step verification workflow
- Image capture and signing process
- Blockchain notarization workflow
- Monetization system explanation
- User experience benefits
- Web-based verification interface mockup
- Step-by-step verification process
- Sample verification results
- Global accessibility features
- Comprehensive technology stack breakdown
- System architecture overview
- Key advantages and benefits
- Performance and security highlights
- 5 expert team members
- Individual specializations and backgrounds
- Combined experience statistics
- Mission statement
- Technology summary
- Feature overview
- Branding and credits
- Primary Blue:
#5995eb- Main brand color - Secondary Navy:
#2f459b- Accent and depth - Pure White:
#ffffff- Clean backgrounds - Rich Black:
#000000- Text and contrast
- Font Family: Inter - Modern, readable sans-serif
- Headings: Bold weights with tight letter spacing
- Body Text: Optimized line height and spacing for readability
- Rounded Corners: Consistent 12-24px radius throughout
- Gradients: Smooth transitions between brand colors
- Shadows: Subtle depth with multiple shadow layers
- Animations: Smooth transitions and micro-interactions
The landing page is fully responsive and optimized for:
- Desktop: Full-featured experience with 3D interactions
- Tablet: Optimized layouts and touch-friendly interactions
- Mobile: Streamlined content with essential information
- Dynamic Imports: Three.js components loaded only when needed
- Image Optimization: Next.js automatic image optimization
- Code Splitting: Efficient bundle loading
- SEO Optimized: Meta tags and structured data
# Development
npm run dev # Start development server with hot reload
# Production
npm run build # Build optimized production bundle
npm start # Start production server
# Code Quality
npm run lint # Run ESLint for code quality checks
npm run type-check # Run TypeScript type checkingyumeproof-landing-page/
├── public/
│ ├── yume.png # App logo
│ └── [other-assets] # SVG icons and images
├── src/
│ ├── app/
│ │ ├── globals.css # Global styles with custom properties
│ │ ├── layout.tsx # Root layout component
│ │ └── page.tsx # Main landing page
│ ├── components/
│ │ └── blocks/ # Landing page sections
│ │ ├── HeroSection.tsx
│ │ ├── ShowcaseSection.tsx
│ │ ├── ProofOfRealDeviceSection.tsx
│ │ ├── ProofOfRealImageSection.tsx
│ │ ├── VerificationSection.tsx
│ │ ├── TechnologySection.tsx
│ │ ├── TeamSection.tsx
│ │ └── Footer.tsx
│ ├── hooks/
│ │ └── use-mobile.ts # Mobile detection utilities
│ └── lib/
│ └── utils.ts # Utility functions
├── package.json # Dependencies and scripts
├── tailwind.config.js # Tailwind CSS configuration
├── tsconfig.json # TypeScript configuration
└── next.config.ts # Next.js configuration
- Hardware-Level Security: Leverages Google's Confidential VM and Play Integrity API
- Blockchain Immutability: IOTA blockchain ensures permanent, tamper-proof records
- Universal Accessibility: Web-based verification without app requirements
- Seamless UX: Gas Station abstracts blockchain complexity
- Sustainable Monetization: Credit-based system for long-term viability
YumeProof was developed as a winning entry for the IOTA Blockchain Hackathon, demonstrating:
- Innovation: Novel approach to image authentication
- Technical Excellence: Integration of multiple cutting-edge technologies
- Real-World Impact: Addresses critical digital trust challenges
- Scalability: Built for global deployment and adoption
This is a proof-of-concept project developed for the IOTA Blockchain Hackathon. For questions or collaboration opportunities, please refer to the team section for contact information.
This project is a proof-of-concept for the IOTA Blockchain Hackathon. All rights reserved.
YumeProof - Making Digital Content Trustworthy
Built with ❤️ for the IOTA Blockchain Hackathon