Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mahirkursun/weatherwise
https://github.com/mahirkursun/weatherwise
Last synced: about 4 hours ago
JSON representation
- Host: GitHub
- URL: https://github.com/mahirkursun/weatherwise
- Owner: mahirkursun
- Created: 2024-04-01T11:31:32.000Z (8 months ago)
- Default Branch: master
- Last Pushed: 2024-05-02T18:20:59.000Z (7 months ago)
- Last Synced: 2024-05-03T05:00:11.939Z (7 months ago)
- Language: JavaScript
- Size: 18.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Hava Durumu Uygulaması
Bu uygulama, kullanıcılara farklı şehirlerin hava durumu tahminlerini görüntüleme imkanı sunar. Kullanıcılar, arama yaparak istedikleri şehirlerin anlık hava durumu bilgilerine ve 5 günlük hava durumu tahminlerine ulaşabilirler ve birden çok şehir ekleyip uygulama arayüzünde şehirler arasında gezinebilirler. Uygulama ayrıca, kullanıcının mevcut konumundan hava durumu verilerini otomatik olarak alabilme özelliğine de sahiptir.
## Canlı Demo
Bu uygulamayı çalışır halde görmek için aşağıdaki linke tıklayabilirsiniz:
[iWeather](https://mahirkursun.github.io/weatherwise/)
## Kullanılan Teknolojiler
- **React**: Kullanıcı arayüzü oluşturmak için kullanılan bir JavaScript kütüphanesi.
- **Axios**: HTTP istekleri yapmak için kullanılan bir Promise tabanlı HTTP istemcisi.
- **React Swipeable**: Mobil cihazlarda kaydırma hareketlerini algılamak için kullanılan bir kütüphane.
- **OpenWeatherMap API**: Hava durumu verilerini sağlayan bir web servisi.## Projeyi Çalıştırmak İçin Adımlar
Projeyi lokalde çalıştırmak için aşağıdaki adımları takip edebilirsiniz:
1. **Proje Klasörünü İndirme**
- Projeyi GitHub üzerinden klonlayın veya ZIP olarak indirin.
```bash
git clone https://github.com/your-username/your-project-name.git```
2. **Gerekli Paketleri Yükleme**- Proje dizininde npm paketlerini yüklemek için aşağıdaki komutu kullanın:
```bash
npm install```
3. **Projeyi Çalıştırma**
- Ana proje dizininde, aşağıdaki komutu kullanarak projeyi başlatın:
```bash
npm start
```- Bu komut, projenizi lokalde çalıştıracaktır.
Artık projeniz yerel ortamınızda çalışıyor olmalıdır. Tarayıcınızdan http://localhost:3000 adresine giderek projeyi görüntüleyebilirsiniz.
## Çevre Değişkenleri
Uygulamanın düzgün çalışabilmesi için, OpenWeatherMap API anahtarınızı içeren bir .env dosyası oluşturmanız gerekmektedir. Aşağıdaki değişkenleri .env dosyanıza ekleyin:
```bash
REACT_APP_WEATHER_API_URL=https://api.openweathermap.org/data/2.5
REACT_APP_WEATHER_API_KEY=your_api_key
```