iT邦幫忙

2024 iThome 鐵人賽

DAY 2
1
佛心分享-SideProject30

NUXT3xVUE3xPINIA: 從零開始寫電商系列 第 2

[Day 2] 專案技術預先規劃

  • 分享至 

  • xImage
  •  

這個篇幅主要是將整個專案用到的技術定下來。開始想要參加鐵人賽時就在想做一個完整的專案,所以有花時間思考一下:想用哪些技術?想試試什麼?

由於是一個NUXT3基底的專案,所以很多技術是按照官網推薦;像是使用OFetch而非AxiosPinia而非VueXVitest而非Jest;說真的使用Pinia後真心覺得...可以用很js的方式來做狀態管理真的很直覺,希望他越來越普及囉~

基於我真的是實打實的從零開始做專案XD也許後續技術部分會有些調整(希望盡量不要)。

目錄

  • 程式技術
  • UI/UX
  • 閒聊碎碎念

程式技術

  • NUXT3, VUE3, Typescript
  • Authentication: middleware
  • Unit Test: Vitest
  • API: OFetch
  • Store: Pinia
  • Account Management: Firebase
  • i18n: vue-i18n
  • CI/CD: Git Action
  • Style: SCSS, RWD

UI/UX

  • Google Draw.io (UX)
  • Figma (UI Mockup)(我還在做UI的時候主要是用Adobe XD,第一次使用Figma不知道會擦出什麼火花(拭汗))

閒聊碎碎念

也分享一下2024北美🇨🇦🇨🇦🇨🇦的IT就業環境好了。總體一個字:😂 我有參加這邊的IT的meetup,有學生、在職工程師、還有跟我一下拿WHV找工作的,他們都說現在只是慘而已,2023則是更慘😂😓我接觸到的同溫層是這樣說的,也許其他群體有其他見解吧?


上一篇
[Day 1] 專案介紹及功能規劃
下一篇
[Day 3] 專案功能:Use Case & Functional Map
系列文
NUXT3xVUE3xPINIA: 從零開始寫電商29
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言