A modern trading application built with React Native and Expo that allows users to practice trading with simulation and real modes.
- Swipe Interface: Intuitive card-based trading interface with swipe gestures
- Simulation Mode: Practice trading with virtual funds without financial risk
- Real Mode: Connect Solana wallet for actual trading with real funds
- Risk Management: Automatic protection after 3 consecutive losses
- Portfolio Tracking: Real-time P&L, win rate, and performance metrics
- Solana Support: Connect mobile wallets via Solana Mobile Wallet Adapter
- Multi-Wallet: Support for popular Solana mobile wallets
- Secure Transactions: Safe and secure transaction handling
- Balance Management: Real-time balance updates and tracking
- Gamification: XP system, levels, and achievement badges
- Performance Analytics: Detailed trading statistics and insights
- Push Notifications: Trade alerts and achievement notifications
- Responsive Design: Optimized for mobile devices
- Loss Protection: Auto-switch to simulation mode after 3 consecutive losses
- Mode Locking: Prevents real mode trading during high-risk periods
- Safe Trading: Balance and position size limits for risk management
- React Native: Cross-platform mobile development framework
- Expo: Development platform and build tools
- TypeScript: Type-safe development
- React Navigation: Bottom tab navigation system
- React Native Reanimated: Smooth animations and gestures
- React Native Gesture Handler: Advanced gesture recognition
- Expo Linear Gradient: Beautiful gradient effects
- Ionicons: Consistent icon system
- Solana Web3.js: Blockchain interaction
- AsyncStorage: Local data persistence
- Expo Notifications: Push notification system
- ESLint: Code quality and consistency
- TypeScript: Static type checking
- Git: Version control and collaboration
SwipeFi/
├── app/ # Main application screens
│ ├── (tabs)/ # Tab navigation screens
│ │ ├── index.tsx # Home screen
│ │ ├── dashboard.tsx # Portfolio and stats
│ │ ├── swipe.tsx # Main trading interface
│ │ ├── profile.tsx # User profile and achievements
│ │ └── _layout.tsx # Tab navigation layout
├── assets/ # Static assets
│ ├── images/ # Trading card images
│ └── coins/ # Cryptocurrency icons
├── components/ # Reusable UI components
├── contexts/ # React context providers
├── hooks/ # Custom React hooks
├── utils/ # Utility functions
└── package.json # Dependencies and scripts
- SwipeScreen: Main trading interface with gesture-based card swiping
- TradeCard: Individual trading opportunity cards
- Risk Agent: Automated risk management and warnings
- DashboardScreen: Portfolio overview and performance metrics
- Balance Card: Real-time balance and P&L display
- Trading History: Complete trade execution history
- ProfileScreen: User achievements and progress tracking
- Wallet Integration: Secure wallet connection and management
- Node.js 18+
- npm or yarn
- iOS/Android development environment
- Solana wallet (for real mode testing)
# Clone the repository
git clone https://github.com/OmLandge/SwipeFi.git
# Install dependencies
npm install# Android
npx expo prebuild
npx expo run:android
# IOS (SolanaMobileWalletAdapter is not supported in ios)
npx expo prebuild
expo build:ios
- Virtual Funds: Start with 1000 USDC virtual balance
- Risk-Free Practice: Trade without financial risk
- Performance Tracking: Monitor win rate and P&L
- Strategy Testing: Test different trading approaches
- Actual Trading: Real funds and market execution
- Wallet Security: Secure transaction signing
- Balance Limits: Minimum balance requirements for safety
- Loss Protection: Automatic mode switching for risk management
- Consecutive Loss Tracking: Monitor losing streaks
- Auto-Switch Protection: Force simulation mode after 3 losses
- Manual Override Prevention: Block real mode during high-risk periods
- Warning System: Clear visual indicators for risk states
We welcome contributions to improve SwipeFi. Please follow these guidelines:
- Fork the repository
- Create a feature branch
- Make your changes
- Submit a pull request
- Use TypeScript for type safety
- Follow ESLint configuration
- Write clear, descriptive comments
- Use consistent naming conventions
- Ensure responsive design
- Follow accessibility best practices
- Maintain performance standards
For support, questions, or feature requests:
- Create an issue in the GitHub repository
- Review the documentation
- Check existing issues before creating new ones
Built with React Native and Expo
Solana Blockchain Integration
Mobile-First Trading Experience