hackquest logo

Carbon_Forest

Carbon Forest: Tokenized forest investments, yield-bearing stablecoin, 3D metaverse viewer, marketplace, and impact tracker—built with React, Tailwind, and ShadCN UI.

视频

描述

Carbon Forest: RWA-Backed Stablecoin & Tokenized Forest Marketplace

A blockchain platform that catapults users into a wild, futuristic realm, blending tokenized forest land investments with a yield-bearing stablecoin tied to the raw energy of carbon credits, all wrapped in a mind-bending metaverse experience that redefines reality!

Key Features

  • Tokenization Dashboard: A psychedelic interface showcasing available forest parcels for investment, pulsating with real-time data on carbon sequestration potential and expected yields, daring you to dive in and stake your claim.

  • Stablecoin Wallet: A treasure trove displaying your token balance, accumulated yields from carbon credits, and a transaction history that reads like an epic tale of eco-conquest, ready for your next financial adventure.

  • Metaverse Forest Viewer: A 3D interactive wonderland where your owned forest plots burst into life—navigate through towering canopies, witness trees grow in real-time, and conquer conservation quests for jaw-dropping rewards.

  • Marketplace: A frenetic trading arena for buying and selling forest tokens, fueled by dynamic price charts, insane filtering options, and seamless Pharos payment system integration—buy low, sell high, and watch your empire grow!

  • Sustainability Tracker: A vibrant dashboard unveiling a kaleidoscope of environmental impact—CO2 locked away, biodiversity thriving—yours to share with the world in a blaze of eco-glory.

Project Architecture

mermaid

graph TD

A[User Enters Platform] --> B[Main Dashboard]

%% Tokenization Dashboard Flow

B --> C[Tokenization Dashboard]

C --> C1[Browse Available Forest Parcels]

C1 --> C2[View Parcel Details]

C2 --> C3{Invest in Forest Parcel?}

C3 -->|Yes| C4[Select Investment Amount]

C4 --> C5[Confirm Transaction]

C5 --> C6[Receive Forest Tokens]

C6 --> B

C3 -->|No| C1

%% Stablecoin Wallet Flow

B --> D[Stablecoin Wallet]

D --> D1[View Token Balance]

D --> D2[Check Carbon Credit Yield]

D --> D3[Review Transaction History]

D --> D4{Perform Transaction?}

D4 -->|Yes| D5[Select Transaction Type]

D5 --> D6[Enter Transaction Details]

D6 --> D7[Confirm Transaction]

D7 --> D

D4 -->|No| B

%% Metaverse Forest Viewer Flow

B --> E[Metaverse Forest Viewer]

E --> E1[Load 3D Forest Representation]

E1 --> E2[Navigate Through Forest]

E2 --> E3[Monitor Tree Growth]

E2 --> E4{Complete Conservation Task?}

E4 -->|Yes| E5[Select Task]

E5 --> E6[Complete Task Actions]

E6 --> E7[Receive Rewards]

E7 --> E2

E4 -->|No| E2

E2 --> E8[Return to Dashboard]

E8 --> B

%% Marketplace Flow

B --> F[Marketplace]

F --> F1[Browse Forest Tokens]

F1 --> F2[Apply Filters]

F1 --> F3[View Price Charts]

F1 --> F4{Buy/Sell Token?}

F4 -->|Buy| F5[Select Token to Buy]

F5 --> F6[Enter Purchase Amount]

F6 --> F7[Connect to Pharos Payment]

F7 --> F8[Confirm Purchase]

F8 --> F

F4 -->|Sell| F9[Select Token to Sell]

F9 --> F10[Enter Sale Amount]

F10 --> F11[Set Price]

F11 --> F12[List on Marketplace]

F12 --> F

F4 -->|No| F

F --> B

%% Impact Tracker Flow

B --> G[Impact Tracker]

G --> G1[View CO2 Sequestration Metrics]

G --> G2[Check Biodiversity Impact]

G --> G3[Review Historical Impact Data]

G --> G4[Share Impact Results]

G4 --> G5[Select Sharing Platform]

G5 --> G6[Post Impact Results]

G6 --> G

G --> B

Technology Stack

  • Frontend: React with TypeScript, powering a dynamic and type-safe user interface

  • UI Components: ShadCN UI, delivering sleek, customizable design elements

  • Styling: Tailwind CSS, unleashing rapid and responsive styling magic

  • Visualization: Recharts, crafting stunning data visualizations

  • 3D Rendering: (To be unleashed for the Metaverse Forest Viewer, promising an immersive explosion)

Getting Started

# Install dependencies

npm install

# Run development server

npm run dev

Project Structure

The application is organized into a cosmic array of main components:

  • Dashboard: The main entry portal with an overview and navigation that launches you into the adventure

  • Tokenization: Components for browsing and investing in forest parcels, turning dreams into digital deeds

  • Wallet: Components for managing stablecoin and transactions, your financial command center

  • Metaverse: Components for 3D forest visualization and interaction, a gateway to a living digital world

  • Marketplace: Components for trading forest tokens, a bustling bazaar of opportunity

  • Impact: Components for tracking and sharing environmental impact, your eco-triumph showcase

本次黑客松进展

90

技术栈

Solidity
React
Ethers
Vite
TailwindCSS
Web3
TypeScript
赛道
RWAAIInfra