Skip to content

Phantomojo/ORUN.IO

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

25 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŒ ORUN.IO - Climate Impact Verification Platform

Transforming Climate Finance in Africa through Satellite Technology, AI, and Blockchain

License: MIT GitHub stars GitHub forks

๐Ÿš€ Live Demo

๐ŸŒ View Live Demo - Netlify ๐ŸŒ View Live Demo - Surge ๐ŸŒ View Live Demo - GitHub Pages

๐Ÿ“น Demo Videos

๐ŸŽฅ Main Demo Video - Google Drive ๐Ÿ“บ YouTube Demo Video ๐Ÿ’ป GitHub Repository

For Judges: Please watch our demo videos and explore the GitHub repository to see the complete platform walkthrough, features demonstration, and source code.

๐Ÿ“‹ Overview

ORUN.IO is a revolutionary platform that verifies real climate impact in Africa using cutting-edge technology:

  • ๐Ÿ›ฐ๏ธ Satellite Monitoring: Real-time data from 12+ satellite constellations
  • ๐Ÿค– AI Analysis: BACI methodology for causal impact verification
  • โ›“๏ธ Blockchain Records: Immutable, transparent impact records
  • ๐Ÿ’ฐ Climate Finance: Unlocking funding for African communities

โœจ Key Features

๐ŸŽฏ Auto-Rotation Globe

  • Smooth 3D Earth visualization with auto-rotation
  • Interactive controls: drag to rotate, scroll to zoom
  • Smart pause/resume when user interacts
  • Mobile-friendly touch controls

๐Ÿ“Š Real-Time Monitoring

  • Live satellite data streaming
  • Climate impact verification
  • Community empowerment tools
  • Transparent blockchain records

๐ŸŽจ Modern UI/UX

  • Responsive design for all devices
  • Smooth animations and transitions
  • Professional 3D visualizations
  • Interactive slide system

๐Ÿ› ๏ธ Technology Stack

  • Frontend: HTML5, CSS3, JavaScript (ES6+)
  • 3D Graphics: Three.js with OrbitControls
  • Animations: GSAP, CSS Animations
  • Data Visualization: Custom satellite data integration
  • Blockchain: Smart contracts for transparency
  • AI/ML: BACI methodology implementation

๐Ÿš€ Quick Start

Prerequisites

  • Modern web browser with WebGL support
  • Node.js (for development)
  • Python 3.8+ (for backend services)

Installation

  1. Clone the repository

    git clone https://github.com/Phantomojo/ORUN.IO.git
    cd ORUN.IO
  2. Install dependencies

    npm install
    pip install -r requirements.txt
  3. Run the development server

    # Frontend
    cd frontend
    python3 -m http.server 8000
    
    # Backend (optional)
    python3 main.py
  4. Open your browser

    http://localhost:8000
    

๐Ÿ“ Project Structure

ORUN.IO/
โ”œโ”€โ”€ index.html              # Main application entry point
โ”œโ”€โ”€ assets/                 # Static assets
โ”‚   โ”œโ”€โ”€ css/               # Stylesheets
โ”‚   โ”œโ”€โ”€ js/                # JavaScript modules
โ”‚   โ””โ”€โ”€ images/            # Images and textures
โ”œโ”€โ”€ frontend/              # Frontend development files
โ”œโ”€โ”€ docs/                  # Documentation
โ”œโ”€โ”€ src/                   # React components (alternative)
โ”œโ”€โ”€ public/                # Public assets
โ””โ”€โ”€ requirements.txt       # Python dependencies

๐ŸŽฎ Interactive Features

๐ŸŒ 3D Globe Controls

  • Auto-rotation: Globe slowly rotates automatically
  • Manual rotation: Click and drag to rotate
  • Zoom: Scroll wheel to zoom in/out
  • Mobile: Pinch gestures for zoom

๐Ÿ“ฑ Responsive Design

  • Desktop: Full interactive experience
  • Tablet: Optimized touch controls
  • Mobile: Simplified interface with touch support

๐Ÿ”ง Development

Adding New Features

  1. Create feature branch: git checkout -b feature/new-feature
  2. Make changes and test locally
  3. Commit changes: git commit -m "Add new feature"
  4. Push to repository: git push origin feature/new-feature
  5. Create pull request

Code Style

  • Use ES6+ JavaScript features
  • Follow CSS BEM methodology
  • Comment complex functions
  • Maintain responsive design principles

๐Ÿ“Š Performance

  • Loading Time: < 3 seconds on 3G
  • Bundle Size: Optimized for fast loading
  • 3D Performance: 60fps on modern devices
  • Mobile: Touch-optimized interactions

๐ŸŒ Deployment

Multiple Hosting Options

๐Ÿš€ Netlify (Recommended)

โšก Surge.sh (Fast Deploy)

๐Ÿ“„ GitHub Pages

Manual Deployment

# Deploy to Surge.sh
surge . your-domain.surge.sh

# Deploy to Netlify (via CLI)
netlify deploy --prod --dir=frontend

# Deploy to GitHub Pages
git checkout gh-pages
cp -r frontend/* .
git add . && git commit -m "Deploy" && git push

๐Ÿค Contributing

We welcome contributions! Please see our Contributing Guidelines for details.

  1. Fork the repository
  2. Create your feature branch
  3. Commit your changes
  4. Push to the branch
  5. Create a Pull Request

๐Ÿ“„ License

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

๐Ÿ™ Acknowledgments

  • CHAI.Africa Hackathon for fostering innovation
  • NASA for satellite data APIs
  • Three.js community for 3D graphics
  • African Climate Communities for inspiration

๐Ÿ“ž Contact


๐ŸŒ Building a sustainable future through transparent climate finance

Made with โค๏ธ for Africa's climate resilience

About

Climate Impact Verification Platform - Satellite analytics with community data collection

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages