A little web app made in React. Service that recommends clothing based on the current weather.
Made in my spare time in less than a week.
You will require registering and getting unique API keys with the Darksky API and Google Geolocation API..
- Open your terminal.
- Clone this repo by running
git clone https://github.com/helenzhou6/Weather-to-wear.git
- Open the file in your text editor, add a file called
.env
and add the following:
export API_KEY=[Add API Key for Dark Sky here]
export API_GOOGLE=[Add API Key for Google geolocation here]
- Open your terminal and change directories to the
Weather-to-wear
folder. - Run
npm i
to install the required modules. - Run
npm run install:server
to install the required modules for the back end server. - Run
npm run start
, and wait until theBuilt in ...s
message appears. (NB: Should this fail, runnpm run start:server
and then open another terminal window and runnpm run start:client
) - View the site at
http://localhost:1234
Front end | Other |
---|---|
React.js | Babel |
JSX | Parcel |
Javascript (ES6) | styled-components |
CSS3 | Google Geolocation API |
HTML5 | Darksky API |
Form view | Results view |
---|---|
- As a user I can input a location.
- I can use my current location instead.
- Upon enter or pressing on the arrow icon, I can view the current summary of today's weather based on the location.
- I can view the clothing recommendation based on the weather.
- I would test the code thoroughly (integration tests using
jest
and use the Travis CLI.) - I would refactor the code (especially the repeated CSS code)
- I would add more CSS styling (issue #5) - including a background photo based on weather.