A planner turned cartographer of change.

I work where satellite data, urban planning, and fieldwork collide. My research asks how cities in the Global South are growing, how they are heating up, and where the quiet violence of spatial fragmentation pushes against sustainable development. The tools I build — risk models, interactive maps, reproducible notebooks — are meant to put that evidence in planners' hands.

Policy-facing research

At the Centre for Urban Studies I co-write policy briefs on housing and informal settlements, and design the field surveys that back them — linking satellite evidence to the decisions planners actually make.

Remote sensing first

Four decades of Landsat, Sentinel-2 and MODIS stitched together in Google Earth Engine.

Geography of risk

Fire in informal settlements, Urban Heat Islands on coral islands, flood exposure on deltas.

Disaster risk reduction

Current M.Sc. at BUET focused on how cities can be read for hazard, vulnerability and resilience — from seismic risk to climate adaptation.

What I'm working on.

Risk-sensitive urban planning, read through satellites and fieldwork — grounded in the vocabulary of the Sendai Framework, IPCC AR6 and UN-Habitat.

{RESEARCH_THEMES.map((t) => { const I = Icon[t.icon] || Icon.Sparkle; return (

{t.title}

{t.body}

); })}

Methods

{RESEARCH_METHODS.map((m) => {m})}

Frameworks I work in

{RESEARCH_FRAMEWORKS.map((m) => {m})}

Regional focus

Bangladesh and the wider South Asia — from informal settlements in Dhaka and sprawling secondary cities like Rangpur, to coral islands on the Bay of Bengal and the flood-prone Ganges–Brahmaputra delta.

fire-risk.streamlit.app

Location

Korail, Dhaka

Risk layers

Building density

Road access

Water proximity

Risk score

00.51.0

4.3k

buildings

0.82

peak risk

hotspots

; // ============ PROJECTS ============ const Projects = () =>

Selected work

Projects at the seams of data & place.

An applied tool built to turn geospatial data into something planners can act on.

{PROJECTS.map((p) => { if (p.id === 'fire-risk') return ; const Tag = p.link ? 'a' : 'article'; const extra = p.link ? { href: p.link, target: '_blank', rel: 'noreferrer', style: { textDecoration: 'none', color: 'inherit' } } : {}; return (

{p.kind}

{p.title}

{p.desc}

{p.tags.map((t) => {t})}

); })}

; // ============ SKILLS ============ const Skills = () =>

Stack

Tools I actually use every week.

Not a laundry list — the things that show up in almost every project.

{SKILLS.filter((s) => s.layout !== 'certs').map((s) => { const I = Icon[s.icon] || Icon.Sparkle; return (

{s.level}

{s.group}

{s.intro}

{s.items.map((it) => {it})}

); })} {SKILLS.filter((s) => s.layout === 'certs').map((s) => { const I = Icon[s.icon] || Icon.Book; return (

{s.level}

{s.group}

{s.intro}

{s.items.map((c, i) =>
{String(i + 1).padStart(2, '0')}

{c.name}

{c.by}

)}

); })}

; // ============ EXPERIENCE ============ const Experience = () =>

Path
How I got here.

{EXPERIENCE.map((e, i) =>

{e.role}

{e.place}

{e.date}

{e.body}

{e.tags.map((t) => {t})}

)}

; // ============ WRITING ============ const Writing = () =>

Writing
Papers, preprints & field notes.

{PUBLICATIONS.map((p, i) =>

{p.venue}

{p.title}

{p.meta.map((m, j) => {m})}

)}

; // ============ CONTACT ============ const Contact = () =>

Let's map
something together.

Collaborations on urban, climate and disaster risk, or geospatial teaching are always welcome.

; // ============ SEARCH ============ const buildSearchIndex = () => { const idx = []; idx.push({ title: 'Overview', sub: 'Homepage', target: 'home', icon: }); idx.push({ title: 'About Avishek', sub: 'Bio · research focus', target: 'about', icon: }); PROJECTS.forEach((p) => idx.push({ title: p.title, sub: p.kind, target: 'work', icon: })); PUBLICATIONS.forEach((p) => idx.push({ title: p.title, sub: p.venue, target: 'writing', icon: })); EXPERIENCE.forEach((e) => idx.push({ title: e.role, sub: e.place, target: 'path', icon: })); SKILLS.forEach((s) => s.items.forEach((it) => { const title = typeof it === 'string' ? it : it.name; idx.push({ title, sub: s.group, target: 'stack', icon: }); })); idx.push({ title: 'Email', sub: 'avishek.jidpus@gmail.com', target: 'contact', icon: }); return idx; }; const SearchOverlay = ({ open, onClose, onJump }) => { const [q, setQ] = useState(''); const [sel, setSel] = useState(0); const inputRef = useRef(); const idx = useMemo(buildSearchIndex, []); useEffect(() => {if (open) {setQ('');setSel(0);setTimeout(() => inputRef.current?.focus(), 60);}}, [open]); const results = useMemo(() => { if (!q.trim()) return idx.slice(0, 7); const needle = q.toLowerCase(); return idx.filter((r) => r.title.toLowerCase().includes(needle) || r.sub.toLowerCase().includes(needle)).slice(0, 10); }, [q, idx]); useEffect(() => { const onKey = (e) => { if (!open) return; if (e.key === 'Escape') onClose();else if (e.key === 'ArrowDown') {e.preventDefault();setSel((s) => Math.min(s + 1, results.length - 1));} else if (e.key === 'ArrowUp') {e.preventDefault();setSel((s) => Math.max(s - 1, 0));} else if (e.key === 'Enter' && results[sel]) {onJump(results[sel].target);onClose();} }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [open, results, sel, onClose, onJump]); return (

e.stopPropagation()}> {setQ(e.target.value);setSel(0);}} placeholder="Search projects, papers, skills…" />
{results.map((r, i) =>
setSel(i)} onClick={() => {onJump(r.target);onClose();}}>
{r.icon}

{r.title}
{r.sub}

)} {results.length === 0 &&
No matches
}

); }; // ============ TWEAKS PANEL ============ const TweaksPanel = ({ open, onClose, state, setState }) => { const update = (patch) => { const next = { ...state, ...patch }; setState(next); window.parent.postMessage({ type: '__edit_mode_set_keys', edits: patch }, '*'); }; return (

Tweaks

Accent color

{Object.entries(ACCENTS).map(([k, v]) =>
update({ accent: k })} title={v.name} /> )}

Font family

{Object.entries(FONTS).map(([k, v]) => )}

Density

{Object.keys(DENSITIES).map((k) => )}

Logo style

{['letters', 'dot', 'g', 'blocks'].map((k) => )}

Background

{['none', 'dots', 'grid', 'blobs', 'topo'].map((k) => )}

Hero headline
update({ heroCopy: e.target.value })} />

Hero sub
update({ heroSub: e.target.value })} /> </div> </div> </div>); }; // ============ APP ============ const App = () => { const [state, setState] = useState(() => { try { const saved = localStorage.getItem('portfolio_state'); if (saved) return { ...TWEAK_DEFAULTS, ...JSON.parse(saved) }; } catch (e) {} return TWEAK_DEFAULTS; }); useEffect(() => {try {localStorage.setItem('portfolio_state', JSON.stringify(state));} catch (e) {}}, [state]); const [active, setActive] = useState('home'); const [searchOpen, setSearchOpen] = useState(false); const [tweaksOpen, setTweaksOpen] = useState(false); const [editMode, setEditMode] = useState(false); // Apply theme + tweakables to :root useEffect(() => { const root = document.documentElement; root.setAttribute('data-theme', state.theme); const a = ACCENTS[state.accent] || ACCENTS.indigo; root.style.setProperty('--accent', a.color); root.style.setProperty('--accent-container', a.container); root.style.setProperty('--on-accent-container', a.onContainer); const f = FONTS[state.font] || FONTS.jakarta; root.style.setProperty('--font-display', f.display); root.style.setProperty('--font-body', f.body); root.style.setProperty('--density', DENSITIES[state.density] || 1); }, [state]); // Edit-mode protocol useEffect(() => { const onMsg = (e) => { if (e.data?.type === '__activate_edit_mode') {setEditMode(true);setTweaksOpen(true);} else if (e.data?.type === '__deactivate_edit_mode') {setEditMode(false);setTweaksOpen(false);} }; window.addEventListener('message', onMsg); window.parent.postMessage({ type: '__edit_mode_available' }, '*'); return () => window.removeEventListener('message', onMsg); }, []); // Keyboard: '/' opens search useEffect(() => { const onKey = (e) => { if ((e.key === '/' || e.key === 'k' && (e.metaKey || e.ctrlKey)) && !searchOpen) { const tag = (document.activeElement?.tagName || '').toLowerCase(); if (tag === 'input' || tag === 'textarea') return; e.preventDefault(); setSearchOpen(true); } }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [searchOpen]); // Scroll spy useEffect(() => { const sections = NAV_TABS.map((t) => document.getElementById(t.id)).filter(Boolean); const io = new IntersectionObserver((entries) => { const visible = entries.filter((e) => e.isIntersecting).sort((a, b) => b.intersectionRatio - a.intersectionRatio); if (visible[0]) setActive(visible[0].target.id); }, { rootMargin: '-30% 0px -50% 0px', threshold: [0.1, 0.25, 0.5] }); sections.forEach((s) => io.observe(s)); return () => io.disconnect(); }, []); // Scroll progress const [progress, setProgress] = useState(0); useEffect(() => { const onScroll = () => { const h = document.documentElement; const p = h.scrollTop / (h.scrollHeight - h.clientHeight); setProgress(Math.min(1, Math.max(0, p))); }; onScroll(); window.addEventListener('scroll', onScroll); return () => window.removeEventListener('scroll', onScroll); }, []); const jump = (id) => { const el = document.getElementById(id); if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' }); }; return ( <div className="app" data-screen-label="Portfolio"> <div className={`bg-fx pattern-${state.pattern}`} /> <div className="scroll-progress" style={{ width: `${progress * 100}%` }} /> <AppBar theme={state.theme} setTheme={(t) => setState((s) => ({ ...s, theme: t }))} onSearch={() => setSearchOpen(true)} onTweaks={() => setTweaksOpen((o) => !o)} logoStyle={state.logoStyle} /> <NavTabs active={active} onSelect={jump} /> <Hero heroCopy={state.heroCopy} heroSub={state.heroSub} /> <About /> <Research /> <Projects /> <Skills /> <Experience /> <Writing /> <Contact /> <footer className="footer container"> <div>© 2026 Avishek Adhikari — built with curiosity.</div> <div>Dhaka · 23.71°N 90.40°E</div> </footer> <SearchOverlay open={searchOpen} onClose={() => setSearchOpen(false)} onJump={jump} /> {editMode && <TweaksPanel open={tweaksOpen} onClose={() => setTweaksOpen(false)} state={state} setState={setState} />} </div>); }; ReactDOM.createRoot(document.getElementById('root')).render(<App />);

{renderTitle()}

A planner turned cartographer of change.

Policy-facing research

Remote sensing first

Geography of risk

Disaster risk reduction

What I'm working on.

{t.title}

Methods

Frameworks I work in

Regional focus

{p.title}

Projects at the seams of data & place.

{p.title}

Tools I actually use every week.

{s.group}

{s.group}

How I got here.

{e.role}

Papers, preprints & field notes.

{p.title}

Let's map
something together.

Tweaks

{renderTitle()}

A planner turned cartographer of change.

Policy-facing research

Remote sensing first

Geography of risk

Disaster risk reduction

What I'm working on.

{t.title}

Methods

Frameworks I work in

Regional focus

{p.title}

Projects at the seams of data & place.

{p.title}

Tools I actually use every week.

{s.group}

{s.group}

How I got here.

{e.role}

Papers, preprints & field notes.

{p.title}

Let's mapsomething together.

Tweaks

Let's map
something together.