GeoExplore

2026Front-End Engineer & UI Designer

Project

Designed as a modern research directory, this project serves as a demonstration of high-performance React state management, fluid custom CSS theme integrations, and rigorous type-safety. It enables users to run complex multi-endpoint searches and traverse global borders seamlessly through interactive, localized states.

Next.jsTypeScriptShadcn UITailwind CSS

Challenge

The primary engineering challenge was managing compound, multi-endpoint API queries efficiently while maintaining ultra-fast client-side sorting and filter logic. Additionally, handling token-based access restrictions and synchronizing UI theme preferences across pages without layout shifting required highly optimized layout components.

Solution

I engineered a specialized utility layer for custom URL generation and client-side sorting, reducing redundant API hits and achieving instantaneous filtered render states. I also built modular dialog overlays that dynamically resolve foreign country relationships and integrated a custom CSS-variable theme switcher linked directly to localStorage.

Integrated API Endpoints

13+

Supported Core Features

Highlights Auth, Dark/Light mode, relational borders, interactive mapping links, quick-search filters, sorting, and modular overlays

Filter Computation

Instant (0ms)

Highlights

Key Project Highlights

Multi-Endpoint Query Engine: Integrates 13 separate rest-countries endpoints, allowing users to deeply query databases by name, currency, demonym, translation, or independent status.

Optimized Local Filter Caching: Employs advanced React useMemo hooks for complex multi-variable client-side filtering, bypassing unnecessary server requests to ensure immediate UI feedback.

Border-Country Traversal Dialogs: Features custom relational logic within modular overlays, letting users click through and seamlessly navigate connected boundary states.

Premium Theme Synchronization: Implements a custom-tailored glassmorphic theme system styled in pure CSS, complete with full dark-mode persistent toggling using browser storage.

Strict Type Safety & Clean Architecture: Built on TypeScript and structured with granular component segregation, separating utility libraries, type schemas, and UI elements.

Next project

GitCook

GitCook is an interactive, full-stack recipe discovery and food ordering web application designed to connect culinary enthusiasts with seamless digital dining experiences. The application bridges the gap between interactive recipe search and real-time e-commerce by pairing dynamic client interfaces with a secure database.

Open next project