---
# System prepended metadata

title: Front End Developer Exam

---

## 作業時間
目標是兩週，如果提早完成，越早進入下一階段的面談
## 實作需求 
* 請實作這個Slider 
* 元件需要支援桌機及手機，左右箭頭可以點擊
* 版面間距圖片大小以及顏色都可以自行調整
* 使用 Next js 技術框架
* 資料的結構可以自行定義
* 桌面版最多顯示4筆
![](https://hackmd.io/_uploads/Sk2gF8MF2.png)
* 手機版最多顯示1筆，要可以左右滑動
![](https://hackmd.io/_uploads/Hkk-9UzYh.png)
* 電腦主要分成, 套裝電腦及客製化電腦，套裝電腦的按鈕顯示 Buy Now ，客製化電腦按鈕則顯示Customize
* 相關電腦圖片部份 - 可以訪問我們的[官方網站](https://www.ibuypower.com/)下載


## 設計稿
待更新

## 實作希望可以看到：
* 搭配 Tailwindcss
* 原始檔案存放到 GitHub 上，請保留Git紀錄，並給連結以便查閱
* 將作業放到GitHub上，建立一個 GitHub Page 或 Vercel 作為部署及發佈點



