ProgramEarth

Map Visualization Dashboard showing environmental maps and conservation data
https://github.com/opensourcefellows/map-dashboard

Category: Biosphere
Sub Category: Biodiversity Analysis and Metrics

Keywords from Contributors

nonprofit climate-change climate-data sustainability

Last synced: about 16 hours ago
JSON representation

Repository metadata

Map Visualization Dashboard showing environmental maps and conservation data

README.md

Map Dashboard Frontend

A modern, interactive map dashboard built with React and Vite. This project provides a user-friendly interface for visualizing and interacting with geospatial data layers.

Map Web App Preview

Features

  • Interactive map visualization with Leaflet
  • Dark mode support
  • Layer controls for toggling map data
  • Custom UI components (Button, CheckBox)
  • Responsive layout and styling
  • Mock data for development and testing
  • Modular component structure

Prerequisites

  • Node.js (v20 or higher recommended)
  • pnpm (v9 or higher)

Installation

  1. Clone the repository:

    git clone https://github.com/OpenSourceFellows/map-dashboard.git
    cd map-dashboard
    
  2. Install dependencies:

    pnpm install
    
  3. Optional: For full development setup, you may also need the companion backend server:

    git clone https://github.com/OpenSourceFellows/dashboard-server.git
    

    See the dashboard-server repository for backend setup instructions.

Development

Start the development server:

pnpm run dev

The app will be available at http://localhost:5173 by default.

Build for production:

pnpm run build

Preview production build:

pnpm run preview

Run linter:

pnpm run lint

Project Structure

map-dashboard/
├── public/           # Static assets
├── src/              # Source code
│   ├── components/   # UI and map components
│   │   ├── Layout/   # Header and layout components
│   │   ├── Map/      # Map-related components
│   │   └── UI/       # Reusable UI components
│   ├── data/         # Mock data
│   ├── hooks/        # Custom React hooks
│   ├── styles/       # CSS files
│   ├── types/        # TypeScript types
│   ├── utils/        # Utility functions
│   ├── App.tsx       # Main app component
│   └── main.tsx      # Entry point
├── package.json      # Project metadata and scripts
├── vite.config.ts    # Vite configuration
└── README.md         # Project documentation

Tools & Libraries

Custom Components

  • Header – App title and navigation
  • MapContainer – Interactive Leaflet map with markers and polygons
  • LayerControls – Toggle map layers and data types
  • MapLegend – Map legend display
  • CheckBox – UI checkbox component

Additional Documentation


Owner metadata


GitHub Events

Total
Last Year

Committers metadata

Last synced: 1 day ago

Total Commits: 57
Total Committers: 17
Avg Commits per committer: 3.353
Development Distribution Score (DDS): 0.877

Commits in past year: 57
Committers in past year: 17
Avg Commits per committer in past year: 3.353
Development Distribution Score (DDS) in past year: 0.877

Name Email Commits
Bryan Lopez b****4@g****m 7
Evelyn Luu e****2@g****m 6
barronbytes j****n@g****m 6
Oscar Romero o****o@m****g 5
Matthew Hutter m****r@g****m 5
Mark de Dios m****s@g****m 5
Hannah L 1****1 4
Glenn g****u@g****m 4
ramakanth98 r****8@g****m 3
Cris r****n@g****m 3
priyadam m****a@g****m 2
Uzoma Okey-Anyanwu u****7@g****m 2
Keenan Chan k****n@K****l 1
Dann L****7@g****m 1
Henry Saya h****y@g****m 1
ayata30 a****s@g****m 1
vnewto 1****o 1

Committer domains:


Issue and Pull Request metadata

Last synced: 5 days ago

Total issues: 99
Total pull requests: 47
Average time to close issues: about 2 months
Average time to close pull requests: 22 days
Total issue authors: 13
Total pull request authors: 21
Average comments per issue: 1.11
Average comments per pull request: 1.15
Merged pull request: 15
Bot issues: 0
Bot pull requests: 0

Past year issues: 98
Past year pull requests: 47
Past year average time to close issues: about 2 months
Past year average time to close pull requests: 22 days
Past year issue authors: 12
Past year pull request authors: 21
Past year average comments per issue: 1.06
Past year average comments per pull request: 1.15
Past year merged pull request: 15
Past year bot issues: 0
Past year bot pull requests: 0

More stats: https://issues.ecosyste.ms/repositories/lookup?url=https://github.com/opensourcefellows/map-dashboard

Top Issue Authors

  • evelynluu2 (39)
  • priyadam (21)
  • SAUMILDHANKAR (20)
  • blopez024 (5)
  • rcmtcristian (4)
  • CodingLady22 (2)
  • oscar-romero-jorge (2)
  • eprice555 (1)
  • mcaraway1 (1)
  • apekshatej (1)
  • SebEspinosa25 (1)
  • gemmaoc (1)
  • DietBepis1 (1)

Top Pull Request Authors

  • ht-l1 (8)
  • barronbytes (7)
  • blopez024 (5)
  • HandsomeJackyChen (3)
  • rcmtcristian (3)
  • ramakanth98 (2)
  • Sparky338 (2)
  • oscar-romero-jorge (2)
  • peanutenthusiast (2)
  • thao-1 (2)
  • DietBepis1 (1)
  • Danncode10 (1)
  • vnewto (1)
  • Jus741 (1)
  • linnealovespie (1)

Top Issue Labels

  • beginner (17)
  • good first issue (12)
  • setup (11)
  • advanced (4)
  • intermediate (3)
  • enhancement (2)
  • documentation (1)
  • bug (1)

Top Pull Request Labels

  • setup (4)
  • documentation (3)
  • enhancement (2)

Dependencies

.github/workflows/gcal.yml actions
  • actions/checkout v3 composite
  • actions/setup-python v4 composite
package-lock.json npm
  • @notionhq/client 3.1.1
  • dotenv 16.5.0
  • pg 8.16.0
  • pg-cloudflare 1.2.5
  • pg-connection-string 2.9.0
  • pg-int8 1.0.1
  • pg-pool 3.10.0
  • pg-protocol 1.10.0
  • pg-types 2.2.0
  • pgpass 1.0.5
  • postgres-array 2.0.0
  • postgres-bytea 1.0.0
  • postgres-date 1.0.7
  • postgres-interval 1.2.0
  • split2 4.2.0
  • xtend 4.0.2
package.json npm
  • @notionhq/client ^3.1.1
  • dotenv ^16.5.0
  • pg ^8.16.0
map-dashboard-ui/package-lock.json npm
  • 181 dependencies
map-dashboard-ui/package.json npm
  • @vitejs/plugin-vue ^5.2.3 development
  • vite ^6.3.5 development
  • sass ^1.89.2
  • sass-loader ^13.3.3
  • vue ^3.5.13
  • vuetify ^3.8.0-beta.0

Score: 7.645397699428633