🌩️ My Weather 🌩️

📍 Get to know the weather anywhere in the world 🌎

OpenWeather · Report Bug · Request Feature

Contents

• Contents
• About The Project
  • Features
  • Built With
• Getting Started
• Screenshots

About The Project

This project has as its main goal to show weather conditions from anywhere in the world. The app uses colors, images and animations to make visualization of the information easier. The colors of the interfaces and icons change in accordance with local time and weather.

The app communicates with OpenWeather's API to gather climate information. The search for other geolocations is achieved with GCP's Geocoding API

Features

• Shows weather conditions of the user's location.
• Shows weather conditions of a searched location.
• Shows information of: temperature, wind speed and humidity.

Built With

• React Native (Expo Managed Workflow)
• Expo Location
• Lottie
• Axios
• Reanimated V2
• React Navigation
• Context API
• Jest
• Testing Library
  • React Native
  • React Hooks

Getting Started

To get a local copy up and running follow these simple steps.

1. Clone the repo

git clone https://github.com/fhugoduarte/myWeather.git

2. Install packages

yarn install

3. Create a new .env file on the root project and copy the .env.example file content.

GCP_KEY=
OPEN_WEATHER_KEY=

4. Generate a Google Cloud Platform key.

5. Add the key on .env file.

6. SignUp in OpenWeather and generate an API key.

7. Add the key on .env file.

8. Run the expo project and generate a QrCode.

yarn start

4. Download ExpoGo app on your device

• https://expo.dev/client

5. Scan the QrCode on your phone.

• iOS: Scan the QrCode with the device camera.
• Android: Scan the QrCode with the ExpoGo app.

Screenshots