https://github.com/dzenis-h/reactive-clima
Five-day forecast of your favorite cities. This was build using React 16 + Redux ⟺ It uses 'Open Weather + Google Maps API to display search results of temperatures for your favourite cities using visual graphs. 🌡️ ⛅
https://github.com/dzenis-h/reactive-clima
axios lodash react react-google-maps react-redux react-sparklines redux-promise
Last synced: about 2 months ago
JSON representation
Five-day forecast of your favorite cities. This was build using React 16 + Redux ⟺ It uses 'Open Weather + Google Maps API to display search results of temperatures for your favourite cities using visual graphs. 🌡️ ⛅
- Host: GitHub
- URL: https://github.com/dzenis-h/reactive-clima
- Owner: dzenis-h
- Created: 2018-02-25T09:23:01.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2023-06-18T12:40:41.000Z (over 2 years ago)
- Last Synced: 2025-01-18T10:46:04.562Z (about 1 year ago)
- Topics: axios, lodash, react, react-google-maps, react-redux, react-sparklines, redux-promise
- Language: JavaScript
- Homepage: https://reactive-clima.web.app
- Size: 2.04 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
##
[](https://www.linkedin.com/in/dzenis-h/)
[](https://github.com/dzenis-h)
##
# 
Reactive-Clima
## Overview 👀
Reactive-Clima is a React app that uses Open Weather and Google Maps APIs to display the five-day forecast of your favorite cities using visual graphs. You can search for any city in the world and see the temperature, pressure, and humidity trends. It's a simple and elegant way to keep track of the weather conditions wherever you are or plan to go. 🌎
## Tech Stack 🛠️
| Tech | Docs | Description |
| ---- | ---- | ----------- |
|  | [React](https://reactjs.org/docs/getting-started.html) | A JavaScript library for building user interfaces |
|  | [Redux](https://redux.js.org/introduction/getting-started) | A predictable state container for JavaScript apps |
|  | [Axios](https://axios-http.com/docs/intro) | A promise-based HTTP client for the browser and node.js |
|  | [Lodash](https://lodash.com/docs/) | A modern JavaScript utility library delivering modularity, performance & extras |
|  | [React Google Maps](https://tomchentw.github.io/react-google-maps/) | A set of React components wrapping the underlying Google Maps JavaScript API v3 instances |
|  | [Redux Promise](https://github.com/redux-utilities/redux-promise) | A middleware for Redux that enables optimistic updates and dispatches pending, fulfilled and rejected actions |
|  | [React Sparklines](https://github.com/borisyankov/react-sparklines) | Beautiful and expressive Sparklines React component |
## Setup ⚙️
To start using this example:
1. Clone this repo with `git clone https://github.com/dzenis-h/Reactive-Clima.git`
2. Install all the dependencies with `npm install`
3. Create your own credentials (if necessary)
4. Move into the appropriate folder
5. Afterward, just run `npm start` to start the project
## Contributing 🙌
Contributions are always welcome! If you would like to contribute to this project, please follow these steps:
1. Fork the repository. 🍴
2. Create a new branch. 🌵
3. Make your changes and test them thoroughly. 👨💻
4. Submit a pull request. ✔
## License 📑
This project is licensed under the MIT License - see the [LICENSE.md](https://docs.google.com/document/d/11WK7tVoTFRMcWCuGZQCRWxEsDUEJ_6ArtfV-NjWcBCU/edit?usp=sharing) file for details.
## Deployment 🚀
This app is deployed on Heroku. Check it out: https://reactive-clima.herokuapp.com/
## Credits 👨🏻💻
This repo was created by [Dzenis H.](https://dzenis.tech)
Contributions are more than welcome. 🫡
If you like what you see, please consider giving a ⭐️