donty
  • Say Helloo to Donty
  • Getting Started
    • Core Value
    • What Inspired Donty?
    • Blockchain vs Traditional Donations
      • Cost Comparison
      • Market analysis
      • Why Donty Matters
    • What can I do on Donty ?
      • Connect Wallet
      • NFT
      • Staking
      • Donation
      • Create Event
      • Validator
    • Which Network Does Donty Support?
    • Development Stack & Tools
    • System Architecture
      • Presentation Layer (Frontend)
      • Application Logic Layer (Backend)
      • Smart Contracts Layer (Backend - Base Sepolia)
      • Analytics & Observability
      • Security Measure
    • RoadMap
    • How do I get Base Sepolia ETH?
    • FAQ
    • Team
    • References
Powered by GitBook
On this page
  1. Getting Started

Development Stack & Tools

PreviousWhich Network Does Donty Support?NextSystem Architecture

Last updated 1 month ago

Development Tools List

  1. Next.js (v14.1.0)

    • Purpose: A React-based frontend framework that supports server-side rendering and static site generation, making the application more performant and SEO-friendly.

  2. Thirdweb SDK (@thirdweb-dev/react ^4.9.4)

    • Purpose: A Web3 toolkit that simplifies contract interactions, wallet connections, and blockchain operations—ideal for rapidly building DApps without manually handling low-level Web3 logic.

  3. Base Sepolia (Testnet)

    • Purpose: An Ethereum Layer 2 test network (EVM-compatible) chosen for its low transaction costs and fast confirmations. This network is used for deploying and testing Donty’s smart contracts.

  4. TailwindCSS (v3.3.0)

    • Purpose: A utility-first CSS framework that provides a set of pre-defined classes. It speeds up the styling process and keeps code clean, consistent, and responsive.

  5. Framer Motion (v12.0.6)

    • Purpose: A production-ready motion library for React, enabling smooth animations and transitions throughout the application’s interface.

  6. Blockscout API

    • Purpose: A public blockchain analytics service that provides real-time data on transactions, contract addresses, and balances—vital for displaying up-to-date information within Donty.

  7. Toastify (react-toastify ^11.0.5)

    • Purpose: A React-based notification system that delivers real-time alerts (e.g., successful transactions, errors) in a user-friendly toast format.

  8. ApexCharts (react-apexcharts ^1.7.0) [Optional]

    • Purpose: A flexible charting library for visualizing on-chain or platform-specific data. It can be used to display donation trends, staking statistics, and more.

  9. Google Fonts (@fontsource/caveat ^5.1.1)

    • Purpose: Custom typography integration that adds unique font styling—helpful for branding and enhancing the visual appeal of the site.

  10. Vercel

    • Purpose: A hosting platform specifically designed for Next.js apps. It provides fast global edge deployment, automatic scaling, and easy CI/CD integration.

  11. Chart.js (v4.4.7)

    • Purpose: Another popular charting library for creating dynamic data visualizations. It can be used in tandem with or as an alternative to ApexCharts.

  12. Ethers.js (v5.7.2)

    • Purpose: A lightweight JavaScript library for interacting with the Ethereum blockchain, handling tasks like signing transactions and reading contract data.

  13. Yarn (v4.6.0)

    • Purpose: A package manager that helps install, update, and manage project dependencies quickly and reliably.

Together, these tools form the backbone of Donty’s development environment, providing everything from responsive UI components to secure blockchain interactions and real-time analytics.