github01main / wildfire_nasa_v3_test_project

NASA API + React 17.0.2 Nature Disaster Check Site. this project original source by mr.bradtraversy it's working with feature node.js version and compatibility is checked.

Minimum Customized Wildfire Tracker Demo

This is a React app to track nature Disaster and plot them on a Google map. When You want to check nature disaster id check https://eonet.gsfc.nasa.gov/api/v3/events. I have been tried TypeScript but that's not good way for use this customized node package modules. Which I used npm list Simply ... postcss-safe-parser, icons-mdi You Could add more and find modules on google-maps-api like ... Geocoding API, Geolocation API, Maps JavaScript API, Places API Application Limitation is default settings is None but i recommend (HTTP refererd) it's good for test on your local local. http://localhost:3000 you need to put the key of the google maps api. the code line at 21 on src\components\Map.js.

STRUCT

• CSR(Client Side Rendering) / Components list :
  • Map component / Map.js
  • LocationInfoBox / LocationInfoBox.js
  • Loading Scene / Loader.js
  • Top Header / Header.js
  • LocationMarker / LocationMarker.js

WIWT TO USE

한국어

B2B system 에 가장 중요한 것은 바로 '신뢰'이다. 신뢰의 바탕은 가장 믿음직한 데이터에서 나오므로 저명한 회사에서 보여주는 데이터야 말로 신뢰상승의 거름이 될수가 있다. 가장 최근 트릿지라는 풀필먼트 솔루션 회사의 사이트에서 영감을 얻고 B2B 거래간 농장주 또는 물건의 원천 장소의 자연재해등에 대한 정보 소스를 나사에서 보여준다면 실제 농장 지역 주변 상황을 확인하고 상품의 배송의 지연 에 대한 가시적 처리가 가능할 거라 생각하였다.

English

The most important thing in a B2B system is 'trust'. Since the foundation of trust comes from the most reliable data, data shown by a well-known company can be a fertilizer for trust growth. I inspired by Global-Hub fulfillment solution company called Tridge. Tridge shows the B2B Product of information on the website. if the seller has a problem with natural disasters it's gonna be very complecated to sales. so website give more solution of B2B transaction by NASA data. products not fit the time the buyer takes risk so NASA data is solution for calm down for customers. it's not a 100% good solution but i thought it could be help.

Usage

npm install
npm start

# Build
npm run build
or
yarn build

API Keys

You will need to add your Google Maps API key in the Map.js component and register for a NASA API key at https://api.nasa.gov. If you deploy, please move the keys to a safe place

Original Youtube, Repo

https://github.com/bradtraversy/wildfire-tracker Original Repogitory Link

https://www.youtube.com/watch?v=ontX4zfVqK8 Youtube Link