Skip to main content

Architecture & Technologies

This page provides an overview of the main technologies, frameworks, and libraries used in the platform, both for backend and mobile app.

Backend​

  • Language: TypeScript
  • Framework: NestJS — Progressive Node.js framework for building efficient, scalable server-side applications.
  • Database: MongoDB — NoSQL database for storing tokens, pools, users, and other data.
  • Blockchain: Solana — High-performance blockchain for token and pool operations.
  • Token Standard: SPL Token — Standard for fungible tokens on Solana.
  • Token Metadata: Metaplex Metadata — On-chain metadata for tokens.
  • Liquidity Protocols:
  • Fiat On/Off Ramp: MoonPay — Service for buying and selling tokens with fiat.
  • Wallet Management: Privy — Secure wallet authentication and management.
  • API: RESTful endpoints for frontend and mobile integration.

Web App​

  • Language: TypeScript, JavaScript
  • Framework: Next.js — React-based framework for server-side rendering and static site generation.
  • UI Library: React — Component-based UI library.
  • Styling: Tailwind CSS — Utility-first CSS framework for rapid UI development.
  • State Management: React Query — Data fetching and caching.
  • Authentication: Privy — Secure wallet login and management.
  • Payments: MoonPay — Fiat on/off ramp integration.
  • Component Libraries:
    • Custom UI components for forms, modals, navigation

Main Components​

  • Landing Page: Introduction and onboarding for new users
  • Dashboard: Overview of tokens, pools, and user balances
  • Token & Pool Pages: Detailed views for each token and liquidity pool
  • Profile: User account management, wallet export, and settings
  • Authentication Flows: Secure login and wallet management via Privy
  • Fiat On/Off Ramp: Buy and sell tokens with fiat using MoonPay

Mobile App​

  • Language: TypeScript
  • Framework: React Native — Cross-platform mobile app development.
  • Components: Gluestack — Tailwind CSS for React Native.
  • UI: NativeWind — Tailwind CSS for React Native.
  • State Management: React Query — Data fetching and caching.
  • Authentication: Privy — Wallet login and management.
  • Payments: MoonPay — Fiat on/off ramp integration.

For more details, see the documentation sections on each technology.