Weather App
This project is the first mobile app that I built in React Native. I decided to take a playful approach on an application that is already used in everyone’s daily life in order to create this fully functional weather app.
Log In Screen
The first screen you see when you first open the app, the login screen. If you don’t already have an account, go ahead and click sign up!
Creating an account for this type of application would allow you to save your favorite cities and use your devices current location.
User registration data is stored in Google Firebase by using a firebase config in my react native code.
LOG IN ERROR
Both the login and registration screen will alert the user if any information is inputted incorrectly.
FACE ID
When using this app on IOS, you can incorporate the use of face id.
CURRENT LOCATION WEATHER AND MAP VIEW
Once logged into the app, the first screen you will see is the weather of your current location. In addition to that, you can switch to the map page and see your location in the map view.
The weather information is provided through an open source weather API. While the map is imported through react-native-maps.
SEARCH
When you want to change the location and view weather in a new city, simply go to the search page and start typing. The cities will begin to populate as you type and once you see the on you’re looking for, click on it to be directed back to the current weather page where you can see the weather result for the searched city.
