https://salty-shovel.vercel.app/
Salty Shovel is a site designed to lets a User know if they need to Shovel and/or Salt. Salty Shovel displays weather data for Toronto, Canada as default. https://salty-shovel.vercel.app/ Salty Shovel also takes in user provided location data in the form of:
- Postal Code
- City (if there are no global duplicates)
If there are duplicate cities, then enter:
- City plus an extra parameter like State, Province, Country etc.
The user inputted location data is sent to the backend, it is first processed by the geocoder API to be formatted into longitude and latitude coordinates, then the coordinates are sent to the weather API to retrieve weather forecast data for Today, Tomorrow, and the Day after tomorrow. Once the data has been digested, Salty Shovel informs the user whether or not they need to Shovel, or Salt, or Shovel AND Salt! and better yet, it tells them if they can kick and and relax with a warm cup of hot chocolate!
The home page displays Toronto, Canada as the default weather data.
The user can enter a new location to see weather data relevant to them. using the following forms:
- a Postal Code
- City (if there are no global duplicates)
If there are duplicate cities, then enter:
- City plus an extra parameter like State, Province, Country etc.
The Weather Card for each day displays the following:
- Weather icon
- Day and Formatted Date
- Chart of Snowfall and Rainfall in millimeters during the day
- Daily High and Daily Low temperatures in Celsius
- Daily Total Rainfall and Snowfall in milimeters
The Determination messages informs the user what they need to do:
Each of the following is necessary in order to run Salty Shovel
- Node 10.x or above
- NPM 5.x or above
- axios": "^1.2.6",
- react": "^18.2.0",
- react-cookie": "^4.1.1",
- react-dom": "^18.2.0",
- react-icons": "^4.7.1",
- react-scripts": "5.0.1",
- recharts": "^2.3.2",
- axios": "^1.2.6",
- cors": "^2.8.5",
- dotenv": "^16.0.3",
- express": "^4.18.2",
- nodemon": "^2.0.20"
- Weather: http://www.weatherunlocked.com/
- Geocoder: https://www.positionstack.com/
- Clone the git repo
git clone [email protected]:sidnat/to-shovel-or-not.git- Install the npm packages in both React (Front-end) and Express (Back-end) directories
npm install- Start up the Back-end server from /to-shovel-or-not-express
npm start- Start up the Front-end server from /to-shovel-or-not-react
npm start- Visit the site from your browser
http://localhost:3000/The Salty Shovel project was put together by a team of 2 web development graduates from Lighthouse Labs