React Native Weather Application

The react native weather application enables user to explore the Austin Weather Forecast based on various period in a year.

UI Design

The UI of the application was designed on Figma: demo, and then developed using React native and react native elements.

How to run the application

First download the application and then navigate to the folder directory to run the following command on the terminal.

npm install

This will install all the dependencies and packages needed to run the project.

• Database : Firebase
• State management : redux, react-redux (Connecting component & redux state)
• Async API Call : react-thunk
• API Calls : react-axios-middleware
• Routing/Navigation : @react-native-community/masked-view, @react-navigation/native, @react-navigation/stack, react-native-gesture-handler, react-native-reanimated, react-native-safe-area-context, react-native-screens.
• Styling : react-native-elements

Next, run the application by running the following command

npm start

This opens the localhost on the browser (Metro bundler), where you can find options to run the application on Emulators. You can use Android studio for android emulators and Xcode for ios emulator.

Alternatively, you can download Expo application from your app Store on iphone, scan the barcode which in turn opens the project on Expo on your phone.

License

Copyright (c) Sanghavi Kartigayan 2020.