🌱 RANTAI 3C

Cloud. Climate. Chain.

Integrating Technology for a Sustainable Future

RANTAI 3C is a Web3-based carbon management platform that integrates cloud infrastructure monitoring, AI-powered carbon emission analysis, and blockchain certification for environmental transparency and accountability. With decentralized storage (IPFS), NFT certificates, tokenized carbon credits, and dual payment options (crypto & PayPal), RANTAI 3C offers a comprehensive solution for businesses and individuals committed to sustainability.

🎯 Vision & Purpose

RANTAI 3C dirancang untuk memberikan individu dan organisasi antarmuka yang seamless untuk memantau dan mensertifikasi jejak karbon mereka menggunakan infrastruktur cloud yang scalable dikombinasikan dengan kekuatan blockchain yang immutable.

Platform ini melayani bisnis yang peduli lingkungan, analis keberlanjutan, dan organisasi yang ingin mengoptimalkan pelaporan dampak lingkungan mereka.

✨ Core Features

☁️ Cloud - Data Management

Manual Upload: Import data konsumsi energi melalui CSV/JSON files
Automated Data Pulling: Integrasi dengan cloud providers (AWS, Google Cloud, Azure)
Cloud Infrastructure Dashboard: Real-time metrics untuk storage, processing, dan scalability
Data Validation System: Quality scoring dengan detailed error detection
Template Downloads: Sample CSV & JSON templates dengan data Indonesia

🌍 Climate - Carbon Analysis

Carbon Footprint Calculation: Estimasi emisi berbasis data konsumsi energi
AI-Powered Insights: 4 tipe analisis (Pattern Analysis, Efficiency Optimization, Predictive Analytics, Benchmarking)
Interactive Visualizations: Bar, Pie, dan Line charts dengan drill-down capabilities
Historical Tracking: Progress monitoring over time dengan trend analysis
Smart Recommendations: Actionable steps dengan priority classification
Multiple Export Options: PDF, CSV, Excel, JSON formats

⛓️ Chain - Blockchain Certification

SIWE Authentication: Secure Sign-In With Ethereum
Smart Contract Integration: Multiple contracts (Carbon Records, NFT Certificates, Carbon Credits, DAO Governance)
Immutable Records: Permanent carbon footprint certification on Sepolia testnet
NFT Achievement Certificates: Blockchain-verified NFTs for sustainability milestones
IPFS Storage: Decentralized storage for carbon data and certificates
ERC-20 Carbon Credit Tokens: Tokenized carbon credits for businesses
DAO Governance: Community voting on offset projects and platform decisions
Real-time Oracle Integration: Live market data for carbon credit pricing
View-Only Mode: Educational blockchain content without wallet requirement
Certificate Downloads: JSON certificates for compliance

🌱 Carbon Offset Marketplace

Verified Indonesian Projects: 4 sustainability initiatives (Reforestation, Solar, Mangrove, CCUS)
Flexible Offset Amounts: Purchase any amount of carbon offsets (0.01 - 1000 tons)
Dual Payment System: Crypto payments (ETH) and PayPal integration for accessibility
Dynamic Pricing: Real-time cost calculation with live market rates
NFT Rewards: Every offset purchase includes a blockchain-verified NFT certificate
Net-Zero Tracking: Visual progress toward carbon neutrality
Transparent Pricing: $12-25 per ton CO₂ with live updates
Impact Metrics: Specific environmental impact per project
Achievement System: NFT badges for sustainability milestones

📊 Advanced Analytics

Data Quality Scoring: 0-100 quality metrics dengan improvement recommendations
Interactive Charts: Click, filter, sort dengan enhanced tooltips
Historical Trends: LocalStorage persistence dengan percentage change tracking
Professional Reports: Executive-ready PDF exports dengan visual metrics

🎮 Gamification

Sustainability Levels: Eco Champion, Carbon Conscious, Environmental Explorer
Achievement Badges: Carbon Tracker, Data Collector, Blockchain Pioneer, Offset Champion
Progress Goals: Visual tracking menuju sustainability targets

🛠️ Tech Stack

Frontend

Framework: Next.js 14 (App Router)
Language: TypeScript (Strict Mode)
Styling: Tailwind CSS
UI Components: ShadCN UI (Radix UI primitives)
Charts: Recharts
Icons: Lucide React

Web3 & Blockchain

Wallet Integration: ethers.js v6
Authentication: SIWE (Sign-In With Ethereum)
Network: Ethereum Sepolia Testnet
Smart Contracts:
- Carbon Records (0x874378E56D92a0C4633b27A1730AD0CF8e7b4891)
- NFT Achievement Certificates (ERC-721)
- Carbon Credit Tokens (ERC-20)
- DAO Governance Contract
- Carbon Offset Contract with dual payments
Decentralized Storage: IPFS integration for data and certificates
Oracle: Chainlink-style price feeds for real-time market data

Data Processing

CSV Parsing: PapaParse
PDF Generation: jsPDF
Excel Export: xlsx (SheetJS)

Payment Integration

Crypto Payments: ETH payments via MetaMask
PayPal Integration: Traditional payment option for wider accessibility
Payment Modal: Unified interface for payment method selection

State Management

Local Storage: Historical data persistence
React Hooks: useState, useEffect, useCallback

📦 Installation

Prerequisites

Node.js 18+
npm or yarn
MetaMask or compatible Web3 wallet (optional)

Setup

Clone the repository

git clone https://github.com/yourusername/rantai-3c.git
cd rantai-3c

Install dependencies

npm install
# or
yarn install

Run development server

npm run dev
# or
yarn dev

Open in browser

http://localhost:3000

🚀 Usage Guide

Quick Start with Demo Data

Navigate to "About" tab to understand the platform
Click "Try Demo Data" for instant exploration
Explore features across all 6 tabs

Manual Data Upload

Go to "Cloud" tab
Click "Choose File" dan upload CSV/JSON
View data validation results dan quality score
Proceed to "Climate" tab untuk analysis

Automated Data Pulling

Navigate to "Auto Pull" tab
Select cloud provider (AWS/GCP/Azure)
Enter API credentials (simulated)
Choose date range
Click "Pull Data" untuk automated import

Carbon Analysis

"Climate" tab shows calculated emissions
Interact with charts (click, filter, sort)
Review AI insights dan recommendations
View historical trends
Export reports (PDF/CSV/Excel)

Carbon Offsetting

Go to "Offset" tab
Review net-zero progress
Browse verified Indonesian projects
Select project dan purchase offsets
Track achievement badges

Blockchain Certification

Navigate to "Chain" tab
View Mode: Learn about blockchain benefits
Certify Mode: Connect MetaMask wallet
Sign SIWE message
Store carbon record on Sepolia
Download JSON certificate

📁 Project Structure

rantai-3c/
├── src/
│   ├── app/
│   │   ├── page.tsx              # Main application page
│   │   ├── layout.tsx            # Root layout
│   │   └── globals.css           # Global styles
│   ├── components/
│   │   ├── ui/                   # ShadCN UI components
│   │   ├── AboutApp.tsx          # About section
│   │   ├── DataUpload.tsx        # Cloud tab - manual upload
│   │   ├── AutomatedDataPulling.tsx  # Auto pull tab
│   │   ├── CarbonAnalysis.tsx    # Climate analysis
│   │   ├── BlockchainCertification.tsx  # Chain certification
│   │   ├── CarbonOffsetMarketplace.tsx  # Offset marketplace
│   │   ├── DataValidation.tsx    # Validation system
│   │   ├── InteractiveCharts.tsx # Advanced charts
│   │   ├── HistoricalTrends.tsx  # Progress tracking
│   │   └── ExportManager.tsx     # Export utilities
│   ├── lib/
│   │   └── utils.ts              # Utility functions
│   └── types/
│       └── index.ts              # TypeScript interfaces
├── public/                       # Static assets
├── package.json
├── tsconfig.json
├── tailwind.config.ts
└── README.md

🔧 Development

Available Scripts

# Development server
npm run dev

# Production build
npm run build

# Start production server
npm start

# Linting
npm run lint

Code Quality

TypeScript strict mode enabled
ESLint configured
Zero console errors
Mobile-responsive design
Accessibility best practices

Adding New Features

Create component in src/components/
Define TypeScript interfaces in src/types/
Import dan integrate in src/app/page.tsx
Test across devices dan browsers

🌐 Smart Contract Details

Network: Ethereum Sepolia Testnet

RPC Endpoint:

https://sepolia.infura.io/v3/f8d248f838ec4f12b0f01efd2b238206

1. Carbon Records Contract

Address: 0x874378E56D92a0C4633b27A1730AD0CF8e7b4891

Functions:

storeRecord(string dataHash, uint256 carbonValue): Store carbon record with IPFS hash
getRecord(uint256 recordId): Retrieve record details
totalRecords(): Get total records count

Events:

RecordStored(uint256 recordId, address user, uint256 carbonValue, string dataHash)

2. NFT Achievement Certificates (ERC-721)

Purpose: Mint NFT certificates for sustainability achievements and offset purchases

Functions:

mintAchievement(address to, string achievementType): Mint achievement NFT
mintOffsetCertificate(address to, uint256 offsetAmount): Mint offset NFT with metadata
tokenURI(uint256 tokenId): Get NFT metadata from IPFS

Features:

On-chain achievement tracking
IPFS metadata storage
Permanent proof of contribution
Every offset purchase includes an NFT certificate

3. Carbon Credit Tokens (ERC-20)

Purpose: Tokenized carbon credits for businesses

Functions:

mint(address to, uint256 amount): Issue new carbon credits
burn(uint256 amount): Retire carbon credits
transfer(address to, uint256 amount): Transfer credits

Token Details:

Symbol: CRB
Decimals: 18
1 CRB = 1 ton CO₂ equivalent

4. DAO Governance Contract

Purpose: Democratic voting on offset projects and platform decisions

Functions:

createProposal(string description, uint256 votingPeriod): Create new proposal
vote(uint256 proposalId, bool support): Vote on proposal
executeProposal(uint256 proposalId): Execute passed proposal

Features:

Token-weighted voting
Transparent proposal system
On-chain execution

5. Carbon Offset Payment Contract

Purpose: Handle dual payment system (Crypto + PayPal)

Functions:

purchaseOffsetCrypto(uint256 offsetAmount, uint256 projectId): Pay with ETH
recordPayPalPurchase(address buyer, uint256 offsetAmount, string paypalId): Record PayPal payment
mintOffsetNFT(address buyer, uint256 offsetAmount): Auto-mint NFT after purchase

Features:

Flexible offset amounts (0.01 - 1000 tons)
Dynamic pricing with Oracle integration
Automatic NFT certificate minting
Payment tracking for both crypto and fiat

📊 Data Format Specification

Required Fields

date: Date of consumption (YYYY-MM-DD, DD/MM/YYYY, or MM/DD/YYYY)
category: Energy category (Office, Manufacturing, Data Center, Vehicle, HVAC, Lighting)
consumption: Energy consumption in kWh

Optional Fields

location: Geographic location (e.g., Jakarta, Surabaya)
source: Energy source (Grid, Solar, Wind, Diesel)

Supported Formats

CSV: Comma-separated values
JSON: Array of objects

Example CSV:

date,category,consumption,location,source
2024-01-15,Office,450,Jakarta,Grid
2024-01-16,Manufacturing,1200,Surabaya,Grid

Example JSON:

[
  {
    "date": "2024-01-15",
    "category": "Office",
    "consumption": 450,
    "location": "Jakarta",
    "source": "Grid"
  }
]

🎨 Design System

Color Palette

Primary: Green shades (sustainability theme)
Secondary: Blue tones (technology theme)
Accent: Orange/Yellow (energy theme)
Neutral: Gray scale

Typography

Font: System fonts (optimized for performance)
Headings: Bold weights
Body: Regular weights

Components

ShadCN UI for consistency
Custom carbon-themed components
Responsive grid layouts
Interactive charts dan visualizations

🚢 Deployment

Vercel (Recommended)

Push code to GitHub
Import repository in Vercel
Configure environment variables (if needed)
Deploy

Other Platforms

Netlify
AWS Amplify
Digital Ocean App Platform

Build Command:

npm run build

Output Directory:

.next

🤝 Contributing

Contributions are welcome! Please follow these steps:

Fork the repository
Create feature branch (git checkout -b feature/AmazingFeature)
Commit changes (git commit -m 'Add some AmazingFeature')
Push to branch (git push origin feature/AmazingFeature)
Open Pull Request

Contribution Guidelines

Follow TypeScript strict mode
Maintain code quality
Write descriptive commit messages
Test across devices
Update documentation

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

👨‍💻 Credits

Developed by: mrbrightsides

Website: rantai.elpeef.com

🌟 Roadmap

Phase 1: MVP ✅ (Current)

Manual data upload
Carbon footprint calculation
Blockchain certification
Basic visualizations

Phase 2: Enhanced Analytics ✅ (Current)

Phase 3: Automation & Marketplace ✅ (Completed)

Phase 4: Enterprise Features 🔜 (Future)

Real API integrations (AWS, GCP, Azure)
Backend database (PostgreSQL/MongoDB)
User authentication system
Multi-user/team features
Role-based access control
Payment processing untuk offsets
API layer untuk external integrations

Phase 5: Scale & Optimize 🔜 (Future)

Mainnet deployment (Base blockchain)
Real ML models untuk predictions
Mobile app (React Native)
Advanced analytics suite
Regulatory compliance templates
Public transparency dashboard

📞 Support

For questions, issues, or feature requests:

GitHub Issues: Create an issue
GitHub Repository: github.com/mrbrightsides/3c
Telegram: @khudriakhmad
Discord: @khudri_61362
Email: support@rantai.elpeef.com
Website: rantai.elpeef.com

🙏 Acknowledgments

Next.js Team: For amazing React framework
ShadCN: For beautiful UI components
Ethereum Foundation: For blockchain infrastructure
Indonesian Sustainability Projects: For verified offset opportunities
Open Source Community: For incredible tools dan libraries

📈 Statistics

Total Lines of Code: ~5,000+
Components: 20+ custom components
Features: 40+ major features
Supported Formats: CSV, JSON, PDF, Excel
Blockchain Network: Ethereum Sepolia Testnet
Smart Contracts: 5 deployed contracts
Carbon Projects: 4 verified Indonesian initiatives
Payment Methods: 2 (Crypto & PayPal)
NFT Types: Achievement badges & offset certificates

🎯 Use Cases

For Organizations

ESG compliance reporting
Carbon footprint monitoring
Sustainability goal tracking
Stakeholder reporting

For Sustainability Managers

Data-driven decision making
Progress tracking over time
Identify high-emission areas
Carbon offset planning

For Consultants

Client demonstrations
Carbon audit tools
Report generation
Advisory services

For Educators

Environmental awareness
Blockchain education
Sustainability training
Data analysis teaching

🌍 Impact

RANTAI 3C aims to contribute to:

UN Sustainable Development Goals: Climate Action (SDG 13)
Paris Agreement: Net-zero emissions by 2050
Indonesian Climate Targets: 29% emission reduction by 2030
Corporate ESG Goals: Transparent environmental reporting

Built with ❤️ for a sustainable future

🌱 RANTAI 3C - Integrating Technology for a Sustainable Future 🌍

Website • GitHub • Documentation

Name		Name	Last commit message	Last commit date
Latest commit History 3 Commits
docs		docs
prisma		prisma
src		src
.gitignore		.gitignore
ARCHITECTURE.md		ARCHITECTURE.md
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE		LICENSE
PAYMENT_CONTRACT_DEPLOYMENT.md		PAYMENT_CONTRACT_DEPLOYMENT.md
README.md		README.md
SETUP.md		SETUP.md
THIRD_PARTY.md		THIRD_PARTY.md
components.json		components.json
next-env.d.ts		next-env.d.ts
next.config.mjs		next.config.mjs
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
postcss.config.mjs		postcss.config.mjs
tailwind.config.ts		tailwind.config.ts
tsconfig.json		tsconfig.json

Folders and files

Latest commit

History

Repository files navigation

🌱 RANTAI 3C

Cloud. Climate. Chain.

🎯 Vision & Purpose

✨ Core Features

☁️ Cloud - Data Management

🌍 Climate - Carbon Analysis

⛓️ Chain - Blockchain Certification

🌱 Carbon Offset Marketplace

📊 Advanced Analytics

🎮 Gamification

🛠️ Tech Stack

Frontend

Web3 & Blockchain

Data Processing

Payment Integration

State Management

📦 Installation

Prerequisites

Setup

🚀 Usage Guide

Quick Start with Demo Data

Manual Data Upload

Automated Data Pulling

Carbon Analysis

Carbon Offsetting

Blockchain Certification

📁 Project Structure

🔧 Development

Available Scripts

Code Quality

Adding New Features

🌐 Smart Contract Details

Network: Ethereum Sepolia Testnet

RPC Endpoint:

1. Carbon Records Contract

2. NFT Achievement Certificates (ERC-721)

3. Carbon Credit Tokens (ERC-20)

4. DAO Governance Contract

5. Carbon Offset Payment Contract

📊 Data Format Specification

Required Fields

Optional Fields

Supported Formats

Example CSV:

Example JSON:

🎨 Design System

Color Palette

Typography

Components

🚢 Deployment

Vercel (Recommended)

Other Platforms

Build Command:

Output Directory:

🤝 Contributing

Contribution Guidelines

📝 License

👨‍💻 Credits

🌟 Roadmap

Phase 1: MVP ✅ (Current)

Phase 2: Enhanced Analytics ✅ (Current)

Phase 3: Automation & Marketplace ✅ (Completed)

Phase 4: Enterprise Features 🔜 (Future)

Phase 5: Scale & Optimize 🔜 (Future)

📞 Support

🙏 Acknowledgments

📈 Statistics

🎯 Use Cases

For Organizations

For Sustainability Managers

For Consultants

For Educators

🌍 Impact

About

Topics

Resources

Packages