網站圖片 (https://github.com/118hui/nikeweb1.github.io/assets/109151149/89485d48-dd99-429f-a174-ef7e72cae04b)

專案名稱

Nike Store Commerce Web Application! Nike球鞋購物網站(購物車練習作品)

運行環境

• Node.js • NPM

功能

• 商品新增、刪除於購物車 • 商品增加、減少數量 • 商品購買數量增加、減少 • 商品新增、刪除之成功反應 • 文字跑馬燈效果 • 點擊Scroll效果 • Responsive Web Design

資料夾說明

• app - 購物車狀態邏輯 • cart - 購物車上顯示的內容 • components - 各組件放置處 • data - 圖片、SVG及畫面要呈現的資料

使用技術

• Node.js v16.15.0 • lodash v4.17.21 • Vite v4.4.5 • React V18.2.0 • Redux toolkit v1.9.2 • React-fast-marquee v1.6.1 • TailwindCSS v3.3.3 • heroicons/react v2.0.18 • React-hot-toast v2.4.1 • React-scroll v1.9.0 • React-splide v0.7.12