Wishing Plan

希望計画

希望する計画により、ユーザーは節約を追跡し、ユーザーの希望の購入可能性を計算できます。また、他の人とのより大きな購入を計画し、誕生日やクリスマスなどの機会に共有する個人または集合的な願いリストを作成するためのハブになります。

Discord Serverに参加して、より速い応答と希望の計画に関する簡単な議論を行います。

オープンソース

希望計画はオープンソースプロジェクトです。コミュニティからの貢献を歓迎します。チュートリアルやブログ投稿の作成、バグレポートと機能リクエストの送信、または希望の計画自体に組み込むことができる執筆コードなど、プロジェクトに貢献する方法はたくさんあります。プロジェクトに貢献できる方法のリストは次のとおりです。

• バグのレポート - バグが見つかった場合は、問題トラッカーに報告してください。
• 新機能を提案する - 新機能のアイデアがある場合は、Issue Trackerで提案してください。
• 新機能の実装 - 新機能を実装する場合は、問題トラッカーに問題を作成し、実装する機能を説明してください。これにより、機能について話し合い、プロジェクトに適合することを確認できます。
• コード品質の向上 - SonarCloudとCodeSceneを使用して、プロジェクトのコード品質を測定します。バグと脆弱性を修正することで、コードの品質を改善するのに役立ちます。
• ドキュメントの改善 - ドキュメントにエラーが見つかった場合、または改善したい場合は、プルリクエストで貢献してください。
• 将来的には、アプリの翻訳を実装したいと考えています。これを手伝うことに興味がある場合は、[email protected]までお問い合わせください。

はじめる

前提条件

• PNPMグローバルにインストールnpm install -g pnpm
• insdall docker Eg、dockerデスクトップ用のDockerデスクトップまたはLinux用のDockerエンジン。詳細については、Dockerのインストールを参照してください。
  • これは、開発用のローカルデータベースを持つことです。

店員のダッシュボードのセットアップ

このアプリが機能するには、OAuthプロバイダーとしてDiscordを有効にする必要があります。 Clerk DashboardでUser & Authentication / Social Providersの下にソーシャルオプションを見つけることができます

Discordを追加する以外にここに設定を変更する場合は、変更する要件を処理するためにExpoコードを更新する必要があります。

書記官Webhookセットアップ

ユーザーの作成と削除を処理するには、Clerk DashboardにWebhookをセットアップする必要があります。 Webhookの設定はUser & Authentication / Webhooksの下にあります。 user.deletedおよびuser.createdであるサブスクライブイベントを含むWebhookを追加する必要があります。 Clerkがローカル開発サーバーと通信するためには、NGROKなどのツールを使用してローカル開発サーバーをインターネットに公開する必要があります。 ngrokのセットアップ手順はこちらで見つけることができます。

インストールとセットアップ

• リポジトリをクローンします
• ローカル.env cp .env.example .envを作成し、値に記入します
• 書記官の環境変数をセットアップします
• 依存関係をインストールするpnpm installまたはpnpm i
• データベースpnpm db:devを開始します
• pnpm db:pushデータベーススキーマをデータベースにプッシュする
• 開発サーバーpnpm devを実行します

詳細については、博覧会のセットアップ

コードレイアウト

Turborepoを使用しています。

 .github
  └─ workflows
        └─ CI with pnpm cache setup
.vscode
  └─ Recommended extensions and settings for VSCode users
apps
  ├─ expo
  └─ next.js
      ├─ Next.js 13
      ├─ React 18
      └─ E2E Typesafe API Server & Client
packages
 ├─ api
 |   └─ tRPC v10 router definition
 └─ db
     └─ typesafe db-calls using Prisma

プロジェクトボード

開発管理には、GitHubプロジェクトを使用しています。そこには、私たちのバックログを見ることができ、問題は優先度とサイズでソートされています。また、ロードマップの作成にも取り組んでいます。

リポジトリの健康情報

以下は、次のように測定されたリポジトリのコードヘルスの現在の概要です。

• Sonarcloud：https：//sonarcloud.io/summary/overall?id=andreasgdp_wishing-plan
• codescene：https：//codescene.io/projects/33413/jobs/781250/results

開発のための外部リンク

• コンポーネントライブラリ：https：//chakra-ui.com/docs/components

Web情報

Webページに適合する最小の幅は240pxです。

参照

スタックは、Create-T3-Turboに由来します。