https://github.com/bcfchen/weatherman
Weather forecast application built in ReactJS
https://github.com/bcfchen/weatherman
accuweather-api automated-testing cucumber-js highcharts-js material-ui mobileweb react-redux react-select reactjs reactjs-demo selenium-webdriver weather weather-forecast
Last synced: about 2 months ago
JSON representation
Weather forecast application built in ReactJS
- Host: GitHub
- URL: https://github.com/bcfchen/weatherman
- Owner: bcfchen
- Created: 2018-06-27T05:22:17.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-07-10T02:06:34.000Z (almost 8 years ago)
- Last Synced: 2025-06-14T05:11:40.531Z (12 months ago)
- Topics: accuweather-api, automated-testing, cucumber-js, highcharts-js, material-ui, mobileweb, react-redux, react-select, reactjs, reactjs-demo, selenium-webdriver, weather, weather-forecast
- Language: JavaScript
- Homepage:
- Size: 680 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# weatherman
## Weather forecasts. Anywhere. Anytime.
Application features:
- Displays weather conditions for current location by default
- Search for location by clicking on the location label
- Pull down to reload data
- Trendline to visualize temperature for next 12 hours
- Weather forecast for the next 5 days
- Background color changes depending on daytime/nighttime
- Development items visible on trello board ["Weatherman Trello"](https://trello.com/b/IeEqHBs4/weather-man)
- __UI automated tests__ covering page load, pull down to refresh, and search by location features
- __unit tests__ covering components, redux workflows, and apis of the application
## Assumptions and caveats
- App design mainly targeted __mobile web__, though dev and testing were done on desktop for convenience
- Development and testing done on Chrome 67.0.3396.79
- Pull down to reload data will reload data for user's current physical location
### To install
Clone this repo with
```
git clone https://github.com/bcfchen/weatherman
```
cd into the __weatherman/client__ folder and install npm packages by:
```
npm install
```
### To run
Check that you're in the __weatherman/client__ folder and run the project by:
```
npm start
```
The page should automatically open up in your browser at __localhost:3000__
### Unit tests
Check that you're in the __weatherman/client__ folder and run unit tests with the command:
```
npm test
```
The terminal will output the test results and coverage
### e2e tests
Run the project with the "To run" steps above, then cd into __weatherman/client/test__ directory
Install dependencies by running
```
npm install
```
Note that because of the selenium-cucumber-js dependency the installation may take longer depending on network
Run automated test suites by:
```
npm run e2e
```
The page should automatically open up and run test cases. Coverage report should be displayed after tests are complete
### To use
Navigate to localhost:3000 (if not there already) to view current weather
Click on location name to search for new location. If new location is currently daytime, background will change to daytime theme
Drag down anywhere on the page to reload data (for your current location)
### Main libraries & services used
- __React/Redux__
- __Material-ui__ for components and typography
- __Accuweather__ for weather data
- __react-select__ for location name search autocomplete
- __highcharts__ for temperature visualization
- __Selenium Webdriver__ and __Cucumber.js__ for automated testing