air radar

免責事項: 現在作業中です

---

air radar ☁️

世界中のどこからでも大気質レポートを生成し、友達と共有しましょう。

---

ハイライト

• 非常に高速 (増分 SSG と多くのパフォーマンス最適化を使用) ⚡
• 2 つのデータ ソースを 1 つの統合 API に統合して使用します。
• i18n を実装します
• アクセシビリティに重点を置いた機能?
• 完全にカスタマイズ可能
• 快適な完全レスポンシブデザイン?
• エンドツーエンド暗号化を利用
• TypeScript で書かれています

※将来的にはさらに多くのデータソースを追加する予定です。

発達

次の環境変数を指定する必要があります。

• DB_URI - MongoDB データベース URI。
• DB_USER - データベースのユーザー名。
• DB_PASSWORD - データベースのパスワード。
• DB_NAME - データベース名。
• DB_COLLECTION - コレクション名。
• NEXT_PUBLIC_AIRLY_KEY - Airly API キー。
• NEXT_PUBLIC_WAQI_TOKEN - 大気質オープン データ プラットフォーム API トークン。
• NEXT_PUBLIC_MAPBOX_TOKEN - マップボックス API トークン。

これには.env.localファイルを使用できます。

---

ヴェルセル氏が司会を務める▲

 # Run in development mode
$ npm run dev

# Build for production
$ npm run build

# Lint
$ npm test 

TODO

• ホームページ
  • 複数のデータソース
    • エアリー
    • 世界大気質指数
    • ?
  • 作成されたレポートの量を表示する
• レポートページ
  • 地図
  • チャート
  • センサー情報
    • プロバイダー
    • 位置
    • 距離
  • 共有機能
    • オープングラフ画像の生成
    • Navigator.share() API を調査する
  • WHOの基準に関する情報
• 他のページ
  • カスタムメイドの大気汚染センサーの追加を許可する
  • ローカルで作成されたレポートを管理する
  • プライバシーポリシー
• i18n (長年の課題)
• グローバル状態を保持します (Recoil API の変更によってブロックされる可能性があります)
• 安全な API ルート
• 言語ベースのリダイレクトを改善する
• エンドツーエンドの暗号化

技術スタック

• UI に反応します。
• SSG、動的ルートなどのNext.js。
• スタイルを設定するためのスタイル付きコンポーネント。
• 状態管理のための反動。
• ユーザーが作成したレポートを保存するためのMongoDB 。

ライセンス

マサチューセッツ工科大学