Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fadhildwia/weather
This project is an application that displays weather data, search & save to favorite
https://github.com/fadhildwia/weather
async-storage axios chart-kit formik geolocation-services react react-native react-native-navigation react-query styled-components svg yup
Last synced: 29 days ago
JSON representation
This project is an application that displays weather data, search & save to favorite
- Host: GitHub
- URL: https://github.com/fadhildwia/weather
- Owner: fadhildwia
- Created: 2024-07-12T17:22:27.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-07-19T08:19:42.000Z (7 months ago)
- Last Synced: 2024-11-16T05:16:03.410Z (3 months ago)
- Topics: async-storage, axios, chart-kit, formik, geolocation-services, react, react-native, react-native-navigation, react-query, styled-components, svg, yup
- Language: TypeScript
- Homepage:
- Size: 6.35 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Weather Apps
This project is an application that displays weather data, search & save to favorite
---
### Detail Apps on Android
## 📱 Features
- Icons change according to weather
- Weather API consumption
- User location retrieval
- Refresh data button
- City search
- Favorite List
## 🚀 Technologies & Resources
- [x] [React Native](https://reactnative.dev/docs/getting-started-without-a-framework)
- [x] [Async Storage](https://react-native-async-storage.github.io/async-storage/docs/install/)
- [x] [Axios](https://reactnavigation.org/docs/getting-started/)
- [x] [React Navigation](https://reactnavigation.org/docs/getting-started/)
- [x] [React Query](https://tanstack.com/query/v3)
- [x] [Formik](https://formik.org/docs/overview)
- [x] [React Native Chart Kit](https://www.npmjs.com/package/react-native-chart-kit)
- [x] [React Native Geolocation Service](https://www.npmjs.com/package/react-native-geolocation-service)
- [x] [Styled Comoponents](https://styled-components.com/docs)
- [x] [Yup](https://www.npmjs.com/package/yup)
## 💻 Installation
1. #### Clone the repository:
```bash
git clone https://github.com/fadhildwia/weather.git
```
2. #### Navigate to the project directory:
```bash
cd weather
```
3. #### Install the dependencies:
```bash
yarn
#or
npm install
```
4. #### Make a copy of `.env.example` to `.env`:
```bash
# Put your Weather API credential in .env file
cp .env.example .env
```
5. #### Run the project:
```bash
yarn android
#or
npm run android
```
---
Feel free to explore the code and adapt it to suit your needs! If you encounter any issues or have suggestions for improvements, please don't hesitate to open an issue or submit a pull request.