Skip to content

Weather App build with React Native and OpenWeatherAPI.

Notifications You must be signed in to change notification settings

gabrielsiilva/WeatherApp

Repository files navigation

myWeatherApp :D

EmptyLocations SearchLocation LocationList SearchLocation2 SavedLocationDetail

About this Project

A simple weather search app using the OpenWeatherMap API to retrieve weather details and AsyncStorage in React Native to allow the user to save the desired information !!

Why ?

This project is part of my personal portfolio, used to improve my skills in React Native.

Some Observations about this App

I had some problems using this version of expo-cli on Android devices, but the errors will be fixed soon.

Prerequisites

Install Node

Click in this link and install Node in LTS version: https://nodejs.org/en/download/;

Install Expo-CLI

If you're using npm:

 $ npm install -g expo-cli

Or If you're using yarn:

 $ yarn global add expo-cli

Getting Started

Cloning the Repository

 $ git clone https://github.com/gabrielsiilva/WeatherApp.git

After cloning the repository you have to do the commands below:

 $ cd WeatherApp

And if you're using yarn:

$ yarn

Or if you're using npm:

$ npm install

Running

To run the project make sure that you have the expo-cli in your computer, if you don't have the expo-cli, please read the section Prerequisites

You can check if you have the expo-cli just running this command below in your terminal:

 $ expo --version

If everything's okay and expo returns the version for you, just run this command bellow to start the project:

$ expo start

Or this command if you're using npm:

$ npm start

Or if you're using yarn:

$ yarn start

This will start a development server for you.

Build with

  • OpenWeatherMap - API for search weather informations
  • React-Native - Build the native app using JavaScript and React
  • React-Navigation - Router
  • Axios - HTTP Client
  • Styled-Components - Styles
  • Expo-CLI - Command line app
  • Moment.js - Manipulate dates
  • React Native Elements - Cross Platform React Native UI Toolkit
  • React Native SVG - SVG images in React Native

Contributing

You can send how many PR's do you want, I'll be glad to analyse and accept them! And if you have any question about the project...

Email-me: [email protected]

Connect with me at LinkedIn

Thank you!!! :D

About

Weather App build with React Native and OpenWeatherAPI.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published