Aldi Ramdani.

    NaturaFund

    aceternity logo
    esc
    F1
    F2
    F3
    F4
    F5
    F6
    F7
    F8
    F8
    F10
    F11
    F12
    ~`
    !1
    @2
    #3
    $4
    %5
    ^6
    &7
    *8
    (9
    )0
    _
    + =
    delete
    tab
    Q
    W
    E
    R
    T
    Y
    U
    I
    O
    P
    {[
    }]
    |\
    caps lock
    A
    S
    D
    F
    G
    H
    J
    K
    L
    :;
    "'
    return
    shift
    Z
    X
    C
    V
    B
    N
    M
    <,
    >.
    ?/
    shift
    fn
    control
    option
    command
    command
    option
    frontend

    NaturaFund

    A tree-planting campaign and donation prototype

    Tree-planting campaigns need to connect a donor's payment with a clear planting purpose and a record that the donor can understand. NaturaFund explored that experience as a web prototype.

    FieldRecord
    StatusDeployed prototype
    Product ideaTree campaign, donation, and tree identity
    TechnologyNext.js, React, and Supabase
    Recorded impactNone

    Problem

    Environmental campaigns can explain a goal while leaving donors unsure about fund use or the tree connected to their contribution. The concept proposed a unique identity for each tree and a campaign page that explained the planting purpose.

    Role and scope

    I worked on the frontend prototype. We did not keep a team-role breakdown, and the project had no campaign partner, payment operation, or planting operation.

    Process and decisions

    The prototype links campaign information, donor action, fund allocation, and a tree record as one proposed journey.

    The diagram describes the proposed journey. We did not connect it to a payment processor or planting partner.

    Prototype boundary

    I deployed the Next.js interface and connected the prototype structure to Supabase. Visitors can inspect the campaign and donation journey without sending money.

    The prototype collected no donations and planted no trees. I also have no donor study, partner agreement, or survival-rate data.

    Limits

    The product needs payment controls, partner verification, planting documentation, privacy rules, and financial reporting before it can operate as a donation platform. Until then, NaturaFund remains an interface prototype.

    Tech Stack:

    Next.js
    React
    Supabase

    Keywords:

    #Climate
    #Donation Flow
    #Campaign
    #Prototype
    #Frontend
    Back