Human Geography Map

Live & Deployed

Educational platform teaching research skills through interactive geography

Overview

Interactive educational platform teaching self-directed learning through human geography. Built as a father-son project demonstrating how research methodology and modern tech create powerful educational tools. The platform emphasizes research-first learning, encouraging students to explore, investigate, and understand the world through data-driven exploration rather than passive consumption.

Tech Stack

Frontend

Next.js 15React 19TypeScriptTailwindCSSReact-LeafletLeafletRadix UIFramer Motion

APIs

REST CountriesWorld BankUNESCOWikipedia

Infrastructure

VercelTanStack QueryRecharts

Key Features

Interactive world map with country exploration

Real-time data from multiple educational APIs

Comprehensive country data (demographics, economics, culture)

Curated news and academic research integration

Mobile-optimized responsive design

Architecture Highlights

1

Multi-API integration (REST Countries, World Bank, UNESCO, Wikipedia)

2

Research-first educational philosophy

3

Complex data visualization with Recharts

4

Accessible UI with Radix primitives

Educational Philosophy

"Teaching self-directed learning through research methodology"

This project embodies the belief that education should empower students to become independent researchers and critical thinkers. Rather than presenting pre-digested information, the platform provides tools and data sources that encourage exploration, questioning, and discovery. Students learn geography by investigating real data, comparing sources, and forming their own understanding.