# TransCrypt ### Decentralized, Offline‑Ready Peer-to-Peer Payments [](https://reactjs.org/) [](https://www.typescriptlang.org/) [](https://tailwindcss.com/) [](https://www.stellar.org/) [](https://www.python.org/) [](https://flask.palletsprojects.com/) [](https://www.mongodb.com/) [](https://ethereum.org/) *Empowering financial transactions in low-connectivity environments* ## Links - **Demo Video**: [Watch Demo](https://youtu.be/ScgTXmJHhDw) - **Web Deployment**: [Live Demo](https://transcryptfrontend.vercel.app/) - **Mobile App**: [Download App](https://tubular-tartufo-89e2d6.netlify.app) - **Stellar Game**: [Play Game](https://stellar-game-main.vercel.app/) - **Groq Chatbot**: [Try Chatbot](https://groq-ai-chatbox.vercel.app/) - **Presentation**: [View PPT](https://docs.google.com/presentation/d/1gbHvrRa_IwBy1Fzi5zivBrMUBUDUzg0O/edit#slide=id.p1) #hackathon #hackhazards #fintech #blockchain #offlinepayments #p2p #stellar

---

🧩 Problem Statement

Problem Statement 6 – Better Finance for Everyone with Stellar

Millions of users in rural or low-network regions struggle with basic digital transactions due to poor or no internet connectivity. Traditional payment solutions fail in these environments, creating a significant barrier to financial inclusion and economic participation.

🎯 Our Solution

TransCrypt provides an innovative offline payment solution that enables users to securely make peer-to-peer payments without requiring continuous internet connectivity. This addresses a critical gap in financial accessibility, empowering users to make transactions even in remote areas with limited infrastructure.

📱 Application Showcase

Seamless User Experience

Our application is designed with a focus on accessibility and ease of use, even in challenging connectivity environments.

🔐 Secure Authentication System

Multiple secure login options including traditional email/password, crypto wallets (MetaMask/Coinbase), and biometric authentication

Our authentication system offers multiple secure login methods:

• Traditional Login: Email and password with strong encryption
• Wallet Integration: Connect directly with MetaMask or Coinbase
• Biometric Security: Face Recognition Login for quick and secure access
• Offline Capability: Authenticate even without internet connection using device-stored credentials

📊 Real-Time Financial Dashboard

Comprehensive financial dashboard powered by Fluvio's real-time data streaming technology

Our Fluvio-powered financial dashboard provides:

• Live Market Feed: Real-time stock and cryptocurrency price updates
• Connection Strength Indicator: Shows your current connectivity status
• Market Watch: Track multiple currency pairs simultaneously
• Performance Metrics: View percentage changes and historical data
• Offline Mode: Dashboard continues to function with cached data when offline

📈 Stellar Trading Interface

Integrated Stellar trading platform with advanced charting and wallet connectivity

Our Stellar-powered trading interface features:

• Interactive Charts: Track XLM/USD and other pairs with detailed time frames
• Wallet Integration: Seamlessly connect your Stellar wallet
• Trade Executor: Execute market and limit orders directly from the app
• Currency Conversion: Easily swap between fiat and crypto assets
• Offline Queueing: Create trades offline that execute when connectivity returns

✨ Core Platform Features

Four pillars of our technology: security, offline capability, synchronization, and currency flexibility

TransCrypt is built on four technological pillars:

• Blockchain Security: Enterprise-grade encryption and verification for every transaction
• Offline Transactions: Complete payment functionality without internet connectivity
• Real-time Sync: Instant notifications and balance updates when back online
• Currency Conversion: Seamless exchange between multiple currencies and crypto assets

🌐 Global Connectivity

Borderless financial transactions for digital nomads and travelers worldwide

Our platform enables truly global financial freedom:

• Location Independence: Transact from anywhere in the world
• Cross-Border Payments: Send money internationally without excessive fees
• Digital Nomad Friendly: Perfect for remote workers and frequent travelers
• Mesh Networking: Connect with nearby users even without internet infrastructure
• Local Currency Support: Automatic conversion to relevant local currencies

💰 Advanced Portfolio Management

Comprehensive portfolio dashboard with multi-currency support and real-time asset tracking

Our portfolio management system provides:

• Multi-Currency Support: Track assets across cryptocurrencies and fiat currencies
• Real-Time Valuation: Up-to-the-minute pricing data with change percentages
• Asset Categorization: Clear visualization of your holdings with customizable categories
• Quick Actions: Easily accessible buttons for common transactions
• Offline Tracking: Continue monitoring your portfolio even when connectivity is limited

💱 Seamless Currency Conversion

Intuitive cryptocurrency to fiat converter with competitive exchange rates

Our currency conversion feature offers:

• Two-Way Exchange: Convert between any cryptocurrency and fiat currency
• Transparent Fees: Clearly displayed conversion rates and minimal processing fees
• Real-Time Rates: Up-to-date exchange rates powered by multiple data sources
• Offline Price Caching: Access recent rates even without internet connection
• Quick Conversion: Simple interface for fast and efficient transactions

💸 Intelligent Bill Splitting

Effortless bill splitting with multiple identification methods for seamless transactions

Our bill splitting functionality includes:

• Multiple Recipient Options: Split bills using UPI IDs or phone numbers
• Customizable Shares: Easily adjust individual contribution amounts
• Instant Notifications: Automatic alerts to all participants
• Payment Tracking: Monitor settlement status across participants
• Offline Creation: Create splits even without connectivity that execute when back online

🎮 Gamified Financial Experience

Virtual pet system that encourages regular app engagement and financial habits

Our gamification elements include:

• StellarVerse Pet: Virtual companion that grows as you use the app
• Daily Engagement Rewards: Bonuses for consistent financial activities
• Pet Care System: Feed, play, and care for your digital pet
• Achievement Tracking: Unlock rewards based on financial milestones
• Offline Interaction: Continue engaging with your pet even without internet connection

🏆 Stellar Arcade & Rewards

Built-in games that reward users with Stellar tokens on the Monad blockchain

Our rewards system features:

• Blockchain-Based Rewards: Earn real Stellar tokens through gameplay
• Achievement System: Complete challenges for additional token rewards
• Leaderboards: Compete with other users for top positions
• Integration with Screenplays: Use Screenpiece technology for gameplay verification
• Offline Play: Games remain playable without internet, with rewards syncing later

🔐 Stellar Wallet Account Management

Secure Stellar wallet integration with account management capabilities

Our Stellar wallet account management features:

• Account Information: View detailed Stellar account information and balances
• Connectivity Status: Real-time indicator showing online/offline status
• Last Checked Timestamp: Know exactly when your account was last synchronized
• Tab Navigation: Easily switch between Account, Scan QR, and Transactions views
• Account Selection: Support for multiple Stellar accounts with dropdown selection
• Offline-First Design: Clean interface that works seamlessly with or without connectivity

📱 Wallet QR Code Generation

Multi-cryptocurrency QR code generation for seamless peer-to-peer transfers

Our wallet QR code generation system provides:

• Multi-Cryptocurrency Support: Generate QR codes for BTC, ETH, SOL and more
• Clean Visual Design: Dark-themed interface with high-contrast QR codes for easy scanning
• Instant Access: Quick navigation through the top menu bar
• Payment Dropdown: Contextual payment options including UPI, Stellar, and offline payments
• Send Payment Button: Initiate outgoing payments with a single tap
• Responsive Layout: Properly formatted for both mobile and desktop viewing

💳 Streamlined Payment Form

Intuitive payment form with multiple recipient identification methods

Our payment form includes:

• User-Friendly Fields: Clear input fields for sender and recipient information
• Multiple Identification Methods: Support for names, UPI IDs, and wallet addresses
• Currency Selection: Choose from multiple currencies including INR and cryptocurrencies
• Amount Input: Simple numerical input with decimal support
• Optional Memo Field: Add notes or references to your transactions
• Contextual Payment Options: Access different payment methods through the dropdown menu
• Back Navigation: Easy return to previous screens with the back button

📷 QR Code Scanner

Advanced QR code scanner with online/offline transaction processing

Our QR code scanner features:

• Connectivity Awareness: Displays current online status with real-time updates
• Scanning Modes: Toggle between single scan and continuous scanning modes
• Visual Guidance: Clear QR code target area with visual indicators
• Status Messages: Informative messages about connectivity and transaction processing
• Transaction Logs: View recent scan history and transaction status
• Camera Access: One-tap camera activation with the prominent scan button
• Clean Interface: Minimalist design that works well in various lighting conditions

📊 Transaction History & Filtering

Comprehensive transaction history with advanced filtering and search capabilities

Our transaction history system provides:

• Local Storage Integration: Transactions are stored locally for offline access
• Real-Time Updates: Automatic refresh when new transactions are detected
• Advanced Filtering: Filter by status, amount, date range, and more
• Date Range Selection: Calendar-based date range picker for precise filtering
• Reset Option: Quickly clear all filters with a single button
• Empty State Handling: Clear messaging when no transactions are available
• Sync Status: Information about when transactions were last refreshed
• Responsive Design: Adapts to different screen sizes while maintaining usability

✨ Key Features

Feature	Description	Benefit
🔄 Secure Offline Transactions	Sign and queue payments without internet connection	Never miss a payment opportunity regardless of connectivity
📊 Custom Bill Splitting	Split bills equally or with custom ratios with just a few taps	Simplify group expenses without complex calculations
💱 Real‑Time Currency Conversion	Automatic FX rates applied at settlement time	Seamless international transactions without manual conversion
🔗 On‑Chain Transparency	All settled transactions recorded on blockchain for verification	Immutable record-keeping and dispute prevention
🌙 Dark‑Themed, Modular UI	Intuitive, adaptive design for any environment	Reduced eye strain and battery consumption in low-light conditions
📥 Offline Queue Management	View, edit, or cancel pending transfers	Complete control over your transaction pipeline
👥 Group Payment Workflows	Create "pools" for shared expenses	Streamlined management of recurring group payments
🔔 Rich Notifications	Alerts for splits, payments, and sync status	Stay informed about your financial activities
🔒 Smart Contract Security	Audited logic for dispute‑free settlements	Peace of mind with cryptographically secure transactions

🛠️ Tech Stack

Core Technologies	Partner Technologies
		Integration Benefits ✅ Secure transaction tracking ✅ Real-time financial analytics ✅ Optimized user journeys ✅ Robust payment infrastructure

🧠 Team Accers

Member	Role	GitHub	Contribution
Kanak Sharma	Frontend & UI/UX Lead	@kanaksharma67	Core UI architecture, responsive design system
Chirag Pandit	Frontend & UI/UX Lead	@Chirag-pandit	Component library, animation system, UX flows
Swarajit Dey	Team Lead,AI-ML Lead, Blockchain	@Sd2k3	Fraud detection algorithms, predictive analytics
Akarshan	Blockchain Lead	@Zxenith	Smart contract development, blockchain integration

👨‍💻 GitHub Profiles

Kanak's GitHub Profile	Akarshan's GitHub Profile
Chirag's GitHub Profile	Swarajit's GitHub Profile

🚀 Our Approach

We chose this problem to tackle the real-world issue of financial exclusion in low-connectivity zones, aiming to bring a reliable and secure digital alternative to cash.

🔍 Problem Discovery

1. Field Research: Conducted interviews with users in rural areas to understand pain points
2. Data Analysis: Analyzed connectivity patterns in target regions
3. Competitive Analysis: Evaluated existing solutions and their limitations

🛠️ Solution Development

Challenge	Our Solution
Enabling offline transactions	Implemented cryptographic signing with local storage queue
Intuitive UI for tech-novice users	Designed with progressive disclosure and contextual help
Security without online verification	Developed multi-factor local authentication system
Data synchronization	Created conflict resolution algorithms for seamless syncing

🔮 Future Roadmap

• 🌍 Global Expansion: Support for additional currencies and regions
• 🤝 Merchant Integration: Tools for small businesses to accept offline payments
• 🔐 Enhanced Security: Biometric authentication and advanced encryption
• 🌐 Mesh Network: Expanded offline capabilities through local mesh networks
• 🗣️ Localization: Support for 10+ languages to improve accessibility
• 🤖 AI Fraud Detection: Machine learning models to identify suspicious transactions

📂 Project Structure

├── src/ │ ├── assets/ # Logos & screenshots │ ├── components/ # UI components & hooks │ │ ├── common/ # Shared UI elements │ │ ├── dashboard/ # Dashboard-specific components │ │ ├── payments/ # Payment flow components │ │ ├── split/ # Bill splitting components │ │ └── offline/ # Offline-specific components │ ├── pages/ │ │ ├── / # Landing │ │ ├── /app # Main dashboard │ │ ├── /queue # Offline transactions │ │ ├── /split # Bill splitting │ │ └── /settings # User preferences │ ├── contracts/ # Solidity smart contracts │ ├── hooks/ # Custom React hooks │ ├── context/ # React context providers │ ├── utils/ # Helper functions │ └── lib/ # Blockchain & API utilities ├── server/ │ ├── controllers/ # API endpoint controllers │ ├── models/ # Database models │ ├── routes/ # API route definitions │ ├── services/ # Business logic │ └── middleware/ # Request processing middleware ├── scripts/ # Deployment & migration scripts ├── tests/ # Unit and integration tests └── README.md

🎥 Demo & Deliverables

🚦 How to Run the Project

Requirements:

• Node.js v16+
• Python 3.8+
• MongoDB (local or Atlas)
• Stellar testnet account

Environment Setup:

Create a .env file in the root directory with: ``` REACT_APP_API_URL=https://transcryptbackend.vercel.app REACT_APP_STELLAR_NETWORK=testnet REACT_APP_MONGODB_URI=mongodb://localhost:27017/transcrypt REACT_APP_STELLAR_PUBLIC_KEY=your_stellar_public_key REACT_APP_STELLAR_SECRET_KEY=your_stellar_secret_key ```

Local Development:

```bash

Clone the repo

git clone https://github.com/kanaksharma67/transcrypt

Install frontend dependencies

cd transcrypt npm install

Start frontend development server

npm run dev

In a separate terminal, set up the backend

cd server python -m venv venv source venv/bin/activate # On Windows: venv\Scripts\activate pip install -r requirements.txt

Start backend server

python app.py ```

Visit http://localhost:3000 to see the application running.

⚡ Quick Start Guide

Step	Action	Description
1	Create an account	Sign up with email or connect your Stellar wallet
2	Fund your wallet	Add funds via bank transfer or cryptocurrency
3	Connect with friends	Add contacts via QR code, username, or phone number
4	Make your first payment	Send funds to a contact, even when offline
5	Split a bill	Create a group expense and divide it automatically

⛔ Problems with Traditional Digital Wallets

Limitation	Impact	TransCrypt Solution
🌐 Constant internet requirement	Transactions fail in rural areas, remote locations, or during travel	✅ Offline-first architecture with local transaction signing and queuing
💱 No multi-currency support	Can't convert between currencies automatically	✅ Built-in currency conversion at settlement time with competitive rates
🔄 Lack of offline validation	Unconfirmed transactions lead to disputes	✅ Cryptographic offline signing with blockchain settlement
🏢 Centralized dependency	Reduced transparency and privacy concerns	✅ Decentralized architecture with on-chain verification
📱 Complex interfaces	Steep learning curve for non-technical users	✅ Intuitive, accessible UI designed for users of all technical levels
💸 High transaction fees	Prohibitive costs for small-value transactions	✅ Micro-transaction friendly with minimal fees using Stellar

🏆 Hackathon Journey

Our team embarked on this hackathon journey with a shared passion for financial inclusion. The biggest challenge we faced was designing a secure transaction protocol that works reliably offline while preventing double-spending. Through countless hours of brainstorming and testing, we developed our unique approach that combines local cryptographic signing with blockchain settlement.

Key Milestones:

1. Day 1: Problem definition and solution ideation
2. Day 2: Architecture design and technology selection
3. Day 3: Core functionality implementation
4. Day 4: UI/UX development and integration
5. Day 5: Testing, bug fixing, and demo preparation

Special thanks to the mentors who provided invaluable guidance, especially on integrating Stellar's payment infrastructure with our offline-first approach.

📊 Impact & Metrics

• Target Users: 500M+ people in low-connectivity regions
• Transaction Cost Reduction: 85% lower fees compared to traditional services
• Offline Capability: Transactions functional with up to 7 days without connectivity
• Security: End-to-end encryption with multi-layer authentication

📜 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgements

• Stellar Development Foundation for their robust payment infrastructure
• The open-source community for various libraries and tools
• HackHazards organizers for the opportunity to build this solution
• Our mentors and advisors for their guidance and support

---

Made with ❤️ by Team Accers

© 2025 TransCrypt. All rights reserved.

Built With

• css
• html
• javascript
• python
• typescript