Skip to content

sitek94/pocket-globe-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pocket Globe App

This app let's you explore all the counties of the world by clicking on them on the draggable and zoomable globe.

app layout

Country details through REST API

country details

To fetch information about each country I'm using the following REST API endpoints:

Amazing photos from Unsplash JSON API

All the photos used in the app come from Unsplash JSON API which provides free and high-resolution photos.

country photos from unsplash

Go to your current location

show my location

Show random country

show random country

Autocomplete form

autocomplete form

Use autocomplete form to find a country

Dark mode

dark mode

Technologies used

  • React
  • D3 + TopoJSON + World Atlas TopoJSON
  • Material-UI
  • REST Countries API
  • Unsplash API
  • Wikimedia REST API

Accessibility

Keyboard shortcuts

Key Description
ctrl ↑ Rotate up
ctrl ↓ Rotate down
ctrl ← Rotate left
ctrl → Rotate right
+ Zoom in
- Zoom out
l Rotate to selected country
r Select random country
w Show/hide widgets
ctrl / Show/hide shortcuts

About

Use the draggable and zoomable globe to explore the countries of the world.

Topics

Resources

License

Stars

Watchers

Forks