react ecommerce

jobsimulator.dev反應電子商務

這是一個簡單的電子商務網站，由React和TailWindCS製成。您的工作是解決8個問題：

1. 按價格和發行日期對產品進行排序
2. 購物車堅持不懈
3. 添加產品過濾器功能
4. 產品獲取引起無限循環
5. 購物車頁面上的購物車時，需要顯示“空購物車”
6. 更新帶車尺寸的NAV中的購物車
7. 當用戶點擊灰色區域時，購物車不關閉
8. 小說未在購物車頁面上實現

學習目標

您將練習並獲得以下經驗：

• 用parwindcss造型網絡應用
• 使用React鉤子（USESTATE，使用效果）
• 操縱，匯總，分類和顯示數據
• 在React中使用桌子
• 實施購物車
• 使用本地存儲
• 貨幣格式
• 從API中獲取數據

如何開始工作

1. 分叉此存儲庫並在本地克隆。
2. 通過運行npm i安裝依賴項
3. 通過運行npm run dev:frontend來啟動前端，而npm run dev:backend開始後端，則在本地運行該應用程序。
4. 請訪問http：// localhost：3000查看網站。
5. 修復所有問題（在代碼中提供的提示為TODO註釋）
6. 完成所有解決方案後，為此存儲庫創建一個拉動請求
7. 檢查您的解決方案是否通過我們的自動測試。

需要幫助嗎？

尋求幫助的最好方法是詢問我們的不和諧社區。

單擊此處加入Jobsimulator.dev Discord。

想要更多的挑戰嗎？

瀏覽我們的挑戰清單，並加入我們的不和諧，以在發布新挑戰時獲得通知。