Skip to content

vtushar06/NeuraCoin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

27 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿš€ NeuraCoin - Fintech Crypto Trading App

NeuraCoin is a modern, cross-platform fintech application built with React Native and Expo, designed to provide users with a seamless cryptocurrency trading and portfolio management experience.

NeuraCoin Logo React Native Expo TypeScript

โœจ Features

๐Ÿ” Authentication System

  • User registration and login
  • Email verification flow
  • Secure token-based authentication
  • Profile management
  • Secure storage for sensitive data

๐Ÿ“ฑ Cross-Platform Support

  • iOS (Native & Expo Go)
  • Android (Native & Expo Go)
  • Web (Progressive Web App)

๐Ÿ’ฐ Crypto Features

  • Real-time cryptocurrency market data
  • Portfolio tracking and management
  • Transaction history
  • Market analytics and insights
  • Secure crypto wallet simulation

๐ŸŽจ Modern UI/UX

  • Dark theme with gradient designs
  • Smooth animations and transitions
  • Responsive design for all screen sizes
  • Intuitive navigation with tab-based structure

๐Ÿ”ง Technical Features

  • TypeScript for type safety
  • State management with Zustand
  • Local data persistence
  • Toast notifications
  • Pull-to-refresh functionality
  • Offline-first architecture

๐Ÿ”ฎ Roadmap

Phase 1 (Current)

  • โœ… Authentication system
  • โœ… Basic navigation
  • โœ… Market data display
  • โœ… Portfolio overview

Phase 2 (Coming Soon)

  • ๐Ÿ”„ Real trading functionality
  • ๐Ÿ”„ Advanced charts and analytics
  • ๐Ÿ”„ Push notifications
  • ๐Ÿ”„ Biometric authentication
  • ๐Ÿ”„ Social features

Phase 3 (Future)

  • ๐Ÿ“‹ DeFi integration
  • ๐Ÿ“‹ NFT marketplace
  • ๐Ÿ“‹ Advanced trading tools
  • ๐Ÿ“‹ Multi-wallet support

๐Ÿš€ Quick Start

Prerequisites

  • Node.js (v20.19.4 or higher)
  • npm or yarn
  • Expo CLI
  • Expo Go app on your mobile device

Installation

  1. Clone the repository
git clone https://github.com/yourusername/NeuraCoin.git
cd NeuraCoin
  1. Install dependencies
npm install
# or
yarn install
  1. Start the development server
npx expo start
# or
expo start
  1. Run on device/simulator
    • iOS: Press i in the terminal or scan QR code with Camera app
    • Android: Press a in the terminal or scan QR code with Expo Go app
    • Web: Press w in the terminal

๐Ÿ—๏ธ Project Structure

NeuraCoin/
โ”œโ”€โ”€ app/                          # App routing (Expo Router v3)
โ”‚   โ”œโ”€โ”€ (auth)/                   # Authentication screens
โ”‚   โ”‚   โ”œโ”€โ”€ login.tsx
โ”‚   โ”‚   โ”œโ”€โ”€ register.tsx
โ”‚   โ”‚   โ”œโ”€โ”€ verify.tsx
โ”‚   โ”‚   โ””โ”€โ”€ welcome.tsx
โ”‚   โ”œโ”€โ”€ (tabs)/                   # Main app tabs
โ”‚   โ”‚   โ”œโ”€โ”€ index.tsx            # Home screen
โ”‚   โ”‚   โ”œโ”€โ”€ market.tsx           # Market data
โ”‚   โ”‚   โ”œโ”€โ”€ portfolio.tsx        # Portfolio management
โ”‚   โ”‚   โ”œโ”€โ”€ profile.tsx          # User profile
โ”‚   โ”‚   โ””โ”€โ”€ transactions.tsx     # Transaction history
โ”‚   โ””โ”€โ”€ _layout.tsx              # Root layout
โ”œโ”€โ”€ components/                   # Reusable UI components
โ”‚   โ””โ”€โ”€ features/                # Feature-specific components
โ”œโ”€โ”€ lib/                         # Core utilities and services
โ”‚   โ”œโ”€โ”€ api/                     # API integrations
โ”‚   โ”œโ”€โ”€ database/                # Local storage
โ”‚   โ”œโ”€โ”€ services/                # Business logic
โ”‚   โ”œโ”€โ”€ store/                   # State management (Zustand)
โ”‚   โ””โ”€โ”€ utils/                   # Helper functions
โ”œโ”€โ”€ types/                       # TypeScript type definitions
โ””โ”€โ”€ assets/                      # Static assets

๐Ÿ›  Tech Stack

  • Framework: React Native with Expo
  • Language: TypeScript
  • Navigation: Expo Router (file-based routing)
  • State Management: Zustand
  • Storage: AsyncStorage + Expo SecureStore
  • UI: React Native + Expo Linear Gradient
  • Icons: Expo Vector Icons
  • API: CoinGecko API (with fallback mock data)
  • Development: Expo Go for rapid development

๐Ÿ“ฆ Key Dependencies

Environment Variables

Create a .env file in the root directory:

EXPO_PUBLIC_API_BASE_URL=https://api.your-backend.com
EXPO_PUBLIC_CRYPTO_API_KEY=your_crypto_api_key

Expo Configuration

The app is configured in app.json:

{
  "expo": {
    "name": "NeuraCoin",
    "slug": "neuracoin",
    "version": "1.0.0",
    "platforms": ["ios", "android", "web"]
  }
}

๐Ÿงช Testing

# Run tests
npm test

# Run tests with coverage
npm run test:coverage

# Run tests in watch mode
npm run test:watch

๐Ÿ“ฑ Building for Production

iOS

# Build for iOS
expo build:ios

# Or with EAS Build
eas build --platform ios

Android

# Build for Android
expo build:android

# Or with EAS Build
eas build --platform android

๐Ÿ‘จโ€๐Ÿ’ป Author

Tushar Verma

๐Ÿ™ Acknowledgments

  • Expo team for the amazing development platform
  • React Native community for continuous support
  • Contributors and beta testers

Made with โค๏ธ by Tushar Verma

About

Fintech Crypto Trading through Virtual Coins

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors