pixel weather

Пиксельная погода

Pixel Weather - это минимальное приложение для погоды, построенное с Expo и React Native.

В начале приложение запрашивает текущее местоположение пользователя. Если предоставлено, приложение получит и отображает данные о погоде для этого места. Пользователи могут нажать на каждую статистику, чтобы увидеть соответствующие прогнозы погоды.

Функции

• Большие размеры компонентов, разработанные для простоты и доступности.
• ? Темная поддержка темы.
• «Различные цвета для разных уровней статистики погоды.
• «Покажите местное время для городов по всему миру».
• «Обеспечить ежедневный прогноз на срок до 8 дней, почасовой прогноз на срок до 48 часов.
• ? Предоставьте информацию о качестве воздуха.

Зависимости

В этом проекте используются следующие пакеты и библиотеки:

• React Navigation , для навигации по различным экранам.
• expo-location , для получения текущего местоположения пользователя.
• axios , для выполнения запросов API.
• 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 .

Больше скриншотов

Почасовой прогноз	Прогноз ветра	Прогноз влажности

Добавить город	Удалить город	АКИ информация

Светлая тема - дом	Светлая тема - прогноз влажности	Светлая тема - панель местоположения

Тодо

• Улучшить информацию о качестве воздуха.
• Добавьте страницу Sunrise и Sunset Time.
• Добавьте поддержку для преобразования единицы и формата.
• Реализуйте перетаскивание для сохраненных мест.