My first and simple project developed and focused for mobile. Study about APIs, Frameworks and new languages.

About the project

The idea of the App is:

"Being able to check the local weather forecast and also from other cities".

PS: To work, the project makes use of the api HG Brasil. This api needs a key to access the forecasts. If the app crashes on the loading 'Carregando dados...' home screen, it means that the key has reached its maximum usage.

To change the key:

app-weather/src/services/api.js/

line 10

Why?

This project aimed to learn and start studies on mobile application development, learn about new languages, APIs, frameworks and challenge me.

Send me an email: lucasomarandradeleal@gmail.com

Connect to my Linkedin

Feel free to use it as a study and make improvements.

The project is opensource!!!

Installers

If you want to test the application, click the button below:

Download Android .apk installer

iOS .ipa installer: Soon!

Functionalities

• Get access to your location and show on the home, data about the local climate.

• Header

  • Time, date and city where you are
  • Interactive icon that changes depending on weather conditions
  • Local temperature

• Conditions

  • Wind speed
  • Sunrise time
  • Sunset time
  • Moisture percentage

• Forecast

  • Lists the weather forecast for the next 10 days
  • Each cell has
  • Date
  • Interactive icon
  • Maximum predicted temperature
  • Minimum expected temperature

• Menu

  • Allows navigation to the search tab

• Search

  • Search for the name of the city you want to know about the weather
    • Date and city you are searching for
    • Interactive icon that changes depending on weather conditions
    • Temperature
  • Conditions
    • Wind speed
    • Sunrise time
    • Sunset time
    • Moisture percentage

Getting Started

Prerequisites

To run this project in the development mode, you'll need to have a basic environment to run a React-Native App.

Use Expo framework to manipulate the application.

Smartphone emulator or Expo Go app installed.

Installing

Cloning the Repository

$ git clone https://github.com/lucasoal/app-weather

$ cd app-weather

Installing dependencies

$ yarn

or

$ npm install

Running

With all dependencies installed and the environment properly configured, you can now run the app:

In the app-weather directory run the command:

expo start

This will open a page in your browser with a QR Code.

Scan the QR Code using the Expo Go app. This will emulate the application on your smartphone.

You can run it through the emulator by clicking on the option that will appear above the QR Code in the browser.

Built With

• React-Native - Build the native app using JavaScript and React
• React-Navigation - Drower
• Axios - HTTP Client
• HG Brasil Weather - API for geolocation and weather request
• React-Native-Linear-Gradient - Gradient Styles

Support tools

• Adobe Photoshop - Image manipulation
• Stack Overflow - Research and also bug fixing

Contributing

If you have any question about the project...

Email-me: lucasomarandradeleal@gmail.com

Connect to my Linkedin

Thank you!