Skip to content

This is my weather app that gives recent weather forecast and the next 5 day weather based on user given location. My app uses OpenWeatherApp API key.

Notifications You must be signed in to change notification settings

johnhu2020/Hu-Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather Forecast App

Created using React Native expo

This is my weather forecast app that gives the user the corresponding location and its weather forecast based on the user entered coordinates. The app gives a brief description of the current weather, the temperature, high & low, wind speed, wind description, and the feels like temperature. At the bottom of the screen, the app also displays the forecast for the next 5 days, providing each days' average tempearture as well as an icon that illustrates the weather for that day.

*Issues: I may have some trouble for the aesthetics regarding to the line spacings of the next 5 day forecast's temperatures and weather conditions icons. For negative numbers, since the number includes a negative symbol that takes up some space, I added less spaces in between that number and the next number. For numbers that only have 1 decimal, I added 4 spaces and 2 decimals adds 5 spaces. For numbers that do not have decimals at all, I added 6 spaces. Sometimes when I run my app, the spaces are messed up, and the next line, which includes my weather conditions icons, may join the same line as the next 5 day forecast's temperatures, messing up the aesthetics. Also, the app on ios and andriod are different, so a specific set of coordinates may look perfectly fine on ios but not on andriod and vise versa.

Open the App.js file to start writing some code. You can preview the changes directly on your phone or tablet by scanning the QR code or use the iOS or Android emulators. When you're done, click Save and share the link!

When you're ready to see everything that Expo provides (or if you want to use your own editor) you can Download your project and use it with expo-cli.

All projects created in Snack are publicly available, so you can easily share the link to this project via link, or embed it on a web page with the <> button.

If you're having problems, you can tweet to us @expo or ask in our forums.

Snack is Open Source. You can find the code on the GitHub repo.

About

This is my weather app that gives recent weather forecast and the next 5 day weather based on user given location. My app uses OpenWeatherApp API key.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published