react ecommerce

jobsimulator.devによるeコマースを反応します

これは、ReactとTailWindCSSで作られたシンプルなeコマースサイトです。あなたの仕事は8つの問題を修正することです：

1. 価格とリリース日ごとに製品を並べ替えます
2. 更新時のカートの持続性
3. 製品フィルター機能を追加します
4. 製品フェッチは無限ループを引き起こしています
5. カートページにカートが空になったときに「空のカート」を表示する必要があります
6. カートサイズのNAVでカートを更新します
7. ユーザーが灰色の領域をクリックしてもカートが閉じません
8. Subtotalはカートページに実装されていません

学習目標

あなたは練習して経験を積むでしょう：

• Tailwindcssを使用したWebAppsのスタイリング
• Reactフックを使用する（uestate、useeffect）
• データの操作、集約、ソート、およびデータの表示
• Reactでテーブルを使用します
• ショッピングカートの実装
• ローカルストレージの使用
• 通貨のフォーマット
• APIからデータを引く

作業を開始する方法

1. このレポをフォークして、ローカルにクローンします。
2. npm iを実行して依存関係をインストールします
3. npm run dev:frontendを実行してFrontEndを起動することにより、Appをローカルに実行し、 npm run dev:backend BackEndを起動します。
4. http：// localhost：3000にアクセスしてサイトをご覧ください。
5. すべての問題を修正します（ヒントはコードのtodoコメントとして提供されます）
6. すべてのソリューションが完了したら、このリポジトリに単一のプルリクエストを作成します
7. ソリューションが自動テストに合格しているかどうかを確認してください。

助けが必要ですか？

助けを求める最良の方法は、私たちの不一致コミュニティに尋ねることです。

ここをクリックして、jovesimulator.dev discordに参加してください。

もっと挑戦したいですか？

課題のリストを閲覧し、不一致に参加して、新しい課題が発表されたときに通知を受けます。