corasan / weather-app

Simple React Native weather app using the OpenWeatherMap API

Home Page:https://apps.apple.com/us/app/cloudmate/id1470349168

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

weather-app

This project started as a way for me to play around with native code and create native modules. I didn't get far with that because I got carried away with the weather features I plan to implement but I will continue playing around with native code and learning Swift.

I still need to make improvements to the architecture and hide sensitive info like api keys. The archcitecture of the project is basically how I personally like to setup my personal projects.

I'm using Microsoft App Center for OTA updates, distribution, and logging events. I'm planning of using Firebase for AdMob but not really sure what else I'm going to use it for in the future since I plan to implement more features. One of the features that I really wanted to implement was having a list of cities and users can select the city they wish to see the current weather for (similar to the iOS weather app). I'm using OpenWeather API to fetch weather data, and AsyncStorage to locally save the list of cities the user adds. For state management I'm using the Context API.

Run the app

1. Clone the app

git clone git@github.com:corasan/weather-app.git

OR

git clone https://github.com/corasan/weather-app.git

2. Install dependencies

cd weather-app && yarn install

3. Install pods

cd ios && pod install && cd ..

4. Start the packager and run the app

yarn start && react-native run-ios

About

Simple React Native weather app using the OpenWeatherMap API

https://apps.apple.com/us/app/cloudmate/id1470349168


Languages

Language:JavaScript 71.5%Language:Objective-C 7.5%Language:Java 6.7%Language:Ruby 6.2%Language:Python 4.7%Language:Swift 2.7%Language:Shell 0.7%