https://github.com/rogerlopz/simple-weather-app

Weather App built using React Native and typescript.
https://github.com/rogerlopz/simple-weather-app

openweathermap react react-native typescript weather-app

Last synced: 2 months ago
JSON representation

Weather App built using React Native and typescript.

• Host: GitHub
• URL: https://github.com/rogerlopz/simple-weather-app
• Owner: rogerlopz
• License: gpl-3.0
• Created: 2021-06-25T07:48:47.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2024-03-03T17:50:04.000Z (over 2 years ago)
• Last Synced: 2025-06-10T11:16:01.197Z (about 1 year ago)
• Topics: openweathermap, react, react-native, typescript, weather-app
• Language: TypeScript
• Homepage:
• Size: 478 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# YAWA - Weather App 🌞

- Y - Yet

- A - Another

- W - Weather

- A - App

This is a weather app to showcase and practice my skills.

## Tech used:

- React Native

- OpenWeatherMap: To get free weather data

## Screenshots

![demo-ezgif com-resize](https://github.com/rogerlopz/simple-weather-app/assets/4995589/5c13e394-daf3-472a-861f-8d2aa94c2ed5)









## Features

- Display Weather for my city :^)

- Display weather for the next 20 hours

- Display weather for the next week

- Background changes depending on temperature, if it's warm it's yellow, if it's hot it's red, if it's cold it's blue, and so on.

### To do:

- [ ] Add React Navigation to navigate to other screens

- [ ] Add RTK-Query to handle backend call

- [ ] Add Settings Page

- [ ] Settings Page: Add the ability to switch between Celsius/Fahrenheit

- [ ] Settings Page: Request location permission to get coordinates

- [ ] Settings Page: Add city search function to alternatively get lat and long

- [ ] Settings Page: Add option to save multiple cities

- [ ] Settings Page: Ability to set a notification alert at a specific hour.

- [ ] Add testing

- [ ] Add i18n

- [ ] Upload to Play Store*

- [ ] Upload to App Store*

*Not sure if the stores will allow another weather app, but I'll try.

> [!NOTE]

> This project is intended to be part of my dev portfolio and not a real product.