jim876633/the-f2e-week3

The F2E Week 3 - Scrum 新手村

The F2E 4th 官網 redesign。

💻 Live Demo

🎨 Design provider

作品說明

✨ Scrum 新手村小遊戲！透過簡單的拖曳小遊戲，讓不懂 Scrum 的新手可以快速了解 Scrum 流程。

• 使用 React-beautiful-dnd 做出拖曳元件交換元件的效果。
• 使用 Framer motion 做出符合 UI 設計的動畫。

資料夾說明

src
 |_animation - 動畫設定
 |_assets - 圖檔、字體
 |_components - React 元件
 |_constants - 常數
 |_hooks - customer hook
 |_layouts - 共用 layout
 |_pages - 畫面
 |_shared - 共用樣式、圖片
 |_utils - 通用函數

使用技術

• React - JS library.
• React Router - For router page.
• Styled Components - For styles.
• Framer Motion - For animation.

第三方服務

• React Beautiful Dnd - For element drag and drop.