🧩 Social UI - Clone Facebook風格社群平台介面

這是一個使用 React.js 和 Material UI (MUI) 打造的社群平台 UI 模板，靈感來自 Facebook 的介面設計。此專案專注於實現響應式佈局、主題切換與常見的社群互動元素，適合作為前端作品集或面試展示用途。

📌 專案特色

• 🎨 主題切換（Light / Dark Mode）：一鍵切換明暗主題，支援 MUI ThemeProvider。
• 📱 響應式設計：使用 Box 和 Stack 進行佈局設計，適應不同裝置螢幕。
• 🧩 模組化元件設計：元件獨立分離，包含 Navbar、Sidebar、Feed、Post、Rightbar、Add。
• ❤️ 社群互動功能：支援貼文、愛心（Like）、留言、分享、選單操作（編輯/刪除/隱藏）。
• 🧑‍🤝‍🧑 右側欄資訊展示：顯示線上好友、最新圖片、最近對話等資訊。

🛠️ 使用技術

• React.js：單頁應用程式框架
• Material UI (MUI)：UI 元件與主題管理
• MUI Icons：內建精美圖示
• React Hooks：使用 useState 管理狀態

📁 專案結構

src/
├── App.jsx
├── components/
│ ├── Add.jsx
│ ├── Feed.jsx
│ ├── Navbar.jsx
│ ├── Post.jsx
│ ├── Rightbar.jsx
│ └── Sidebar.jsx

🔮 可擴充功能

使用者登入 / 註冊流程

後端資料串接（REST API ）

圖片上傳與留言功能

真實通知與訊息數據串接

完整行動裝置 UI 優化

🙋‍♂️ 作者介紹

Dillon 前端開發者 | 熱愛 UI 設計與 React 生態圈

此專案為個人作品集展示用途，旨在強調 Material UI 的實作能力與響應式設計概念。