pixel weather

픽셀 날씨

Pixel Weather는 엑스포 및 반응 기본으로 제작 된 최소 날씨 앱입니다.

처음에는 앱이 사용자의 현재 위치를 요구합니다. 승인 된 경우, 앱은 해당 위치에 대한 날씨 데이터를 가져오고 표시합니다. 사용자는 각 통계를 탭하여 해당 일기 예보를 볼 수 있습니다.

특징

• 단순성과 접근성을 위해 설계된 큰 구성 요소 크기.
• ? 다크 테마 지원.
• 다른 날씨 통계 수준에 대한 다양한 색상.
• ? 전 세계 도시에 현지 시간을 표시하십시오.
• ? 최대 8 일 동안 일일 예측을 제공합니다.
• 대기 질 정보를 제공합니다.

의존성

이 프로젝트는 다음 패키지와 라이브러리를 사용합니다.

• 다른 화면을 탐색하기 위해 React Navigation .
• 사용자의 현재 위치를 얻기위한 expo-location .
• API 요청을위한 axios .
• AsyncStorage , 사용자의 전화에 위치한 위치를 저장합니다.
• 데이터 가져 오기 동안 애니메이션을로드하기위한 lottie-react-native .
• 메시지 표시를위한 react-native-flash-message .
• Sentry , 제작에 오류 로그를 위해.

API 제공 업체

이 날씨 앱은 다음 두 소스의 데이터를 사용합니다.

• 날씨 데이터를위한 OpenWeather;
• 대기 질 데이터를위한 세계 대기 질 인덱스 프로젝트.

구축 방법

1. git clone .

2. 폴더에 cd . 달리다

   npm install

   모든 종속성을 설치합니다.

3. 위에서 언급 한 두 데이터 소스 제공 업체의 API 키를 신청하십시오. 날씨 데이터 구독에 대한 신용 카드 정보를 제공해야 할 수도 있습니다. 루트 폴더에서 .env 만들고 API 키를이 파일에 넣습니다.

    WEATHER_KEY=your-key-string
   AIR_KEY=your-key-string
   

4. 달리다

   npm start

   또는

   expo start

   그런 다음 터미널에 QR 코드가 표시됩니다. Expo Go 앱을 열고 QR 코드를 스캔 하여이 프로젝트를 휴대 전화에서 실행하십시오.

5. 달리다

   eas build --profile preview --platform android

   Android 앱을 구축합니다. 완료 후 Expo.dev로 이동하여 .apk 파일을 다운로드하십시오.

더 많은 스크린 샷

시간당 예측	바람 예측	습도 예측

도시를 추가하십시오	도시 삭제	AQI 정보

가벼운 테마 - 홈	가벼운 테마 - 습도 예측	라이트 테마 - 위치 패널

TODO

• 대기 질 정보 페이지를 향상시킵니다.
• 일출 및 일몰 시간 페이지를 추가하십시오.
• 단위 및 형식 변환에 대한 지원을 추가하십시오.
• 저장된 위치에 대한 드래그 앤 소트를 구현하십시오.