Skip to content

3D Globe Search in React.js [Developed for learning purpose]

License

Notifications You must be signed in to change notification settings

apoorvnema/3dglobesearch

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Geo Weather 3D App by Apoorv Nema


Features:

  • Search place and show place in 3D globe with zoom-in/zoom-out & drag marker features in map
  • Input coordinates from slider / number input and search place
  • Get localized items like domain, ISO code, currency, phone, pincode format etc. for searched place
  • Get all timezones and current time for searched place with it’s country
  • Save your favourite place and get details from it
  • View day-night mode [Togglable from settings]

Added Features:

  • Weather Updates by search and select for cities and countries.
  • Getting live location update on startup.
  • Minor build & UI Changes.
  • Optimization for mobile devices.

Live Demo:


Note:

  • Remember to add file .env in root folder with REACT_APP_WEATHER_API="API KEY" for weather functionality to work.
  • You can get Weather API KEY from https://openweathermap.org/api

Run Project:

  • Run yarn install or npm install
  • Run yarn start or npm start
  • Open http://localhost:3000 to view it in your browser.

Create Distribution Build:

  • Run yarn build or npm build
  • Deploy ./build folder

About

3D Globe Search in React.js [Developed for learning purpose]

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 98.0%
  • HTML 1.1%
  • CSS 0.9%