GridRoots

A React Native mobile application that enables users to draw polygons on a map and view them as 3D clipped textures using Three.js.

Project Structure

src/
├── components/
│   ├── MapView.js              # Main map with drawing capabilities
│   ├── PolygonDrawing.js       # Polygon rendering on map
│   ├── DrawingControls.js      # UI controls for drawing
│   ├── MapSnapshotCapture.js   # Snapshot capture screen
│   └── ThreeDScene.js          # 3D rendering with Three.js
├── screens/
│   ├── HomeScreen.js           # Home screen with map
│   ├── MapSnapshotScreen.js    # Snapshot capture flow
│   └── ThreeDViewScreen.js     # 3D visualization screen
├── utils/
│   ├── polygonUtils.js         # Polygon calculations & normalization
│   ├── geometryUtils.js        # 3D geometry creation & triangulation
│   └── mapSnapshotUtils.js     # Map snapshot utilities
├── hooks/
│   └── usePolygonDrawing.js    # Polygon state management
├── constants/
│   └── mapConfig.js            # Map configuration
└── navigation/
    └── AppNavigator.js         # Navigation structure