我知道電商網站已經做到爛了,不過是一個可以練習前端功能大部分面向的專案。
用到的技術:NUXT3, VUE3, Pinia, i18n(部分), Vitest
Layout:SCSS(手刻)
功能:Landing Page, Product List, Product Datail, Shopping Cart, Purchase Order, Sign in/Login, Membership Management
過去一直都做infra system的部分功能,想趁參加鐵人賽的機會來激勵自己做一個比較完整的網站。
結帳頁面大方向: 購物列表 購物品項內容 圖片 名字 金額 數量 總金額 購物品項數量修改 購物品項刪除 購物細節 購物總數量 購物總金額 //...
今天這個章節要把之前做登入時,保存登入狀態的功能完成;回顧一下登入,在[Day 16] 開始第個頁面:登入/註冊頁 + Firebase: Authentica...
基本上文件寫得很清楚,所以照著做就差不多。然後我覺得單元測試可以講很多,這篇簡單帶過一個測試案例。 目錄 Installation & Configu...
先說一下,正常專案不會在local寫完後直接推到main,通常會有dev, sandbox, prod環境,我這邊是想focus在自己想玩的區塊,所以才把環境簡...
style的架構設計 使用scss installation 共用scss檔: _main.scss & reset.css 配置 RWD color...
刻navBar~ 目錄 NavBar Category Menu (mobile) ShoppingCart Language 閒聊碎碎念 Na...
今天刻product會用到的elements,有改了一點功能(T_T)所以程式面也有花時間小修一點 目錄 Product productItem Filte...
整體來說,這兩個頁面沒有什麼難度。由於登入頁及註冊頁的版型很像,所以這邊新增一個新的layout,真的覺得NUXT的layout真的非常好用~~~ 登入/註冊...