This is a simple weather application that uses an API to fetch the weather data. It is a great way to learn how to use APIs and how to build a simple web application using React native.
The application is very simple to use. Just enter a city name in the input field and Submit it. The application will then fetch the weather data for that city and display it in the output area. It initially provides you with 3 screens, ie. Home, City 1 and City 2. The Home screen shows your locations weather whereas you can change the cities you want to view in city 2 and city 3
 |
 |
 |
|---|---|---|
| First Screen (User Location) | Details Displayed | Change City to be viewed |
The output area will display the following information for the selected city:
- Current temperature
- Current humidity
- Current wind speed
- Current weather conditions
Final.Working.of.App.mp4
This application can be used for a variety of purposes, such as:
- Checking the weather for the day ahead
- Planning outdoor activities
- Staying informed about weather conditions
- Making travel plans
-
This is a simple repository and doesnt need much contributions hence there is no need to fork this repository
-
Clone this repository to your local environment
git clone https://github.com/Secure-Mobile-App-Development/weather-app.git
- Enter the projects directory
cd weather-app
- Install all the dependencies required for this project
npm install
- Create a
.envfile in the root directory and initialize a variable with the following name
WEATHER_API_KEY="YOUR WEATHER STACK API KEY"
// get the key from here https://weatherstack.com/login
- Start the expo development server using the following command
npx expo start
This application is a great way to learn how to use APIs and how to build a simple web application. By following the instructions in this README, you will be able to learn how to:
- Fetch data from an API
- Display data in a web page
- Use the requests library in React native