https://github.com/shuantt/vue-metawall-web

(Work in Progress) MetaWall Website - Vue 3 Version
https://github.com/shuantt/vue-metawall-web

mysql pinia sequalize tailwind-css vue-router vue3

Last synced: 6 days ago
JSON representation

(Work in Progress) MetaWall Website - Vue 3 Version

• Host: GitHub
• URL: https://github.com/shuantt/vue-metawall-web
• Owner: shuantt
• Created: 2024-12-16T08:27:52.000Z (7 days ago)
• Default Branch: main
• Last Pushed: 2024-12-16T08:40:35.000Z (7 days ago)
• Last Synced: 2024-12-16T09:31:17.730Z (7 days ago)
• Topics: mysql, pinia, sequalize, tailwind-css, vue-router, vue3
• Language: Vue
• Homepage:
• Size: 2.01 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# MetaWall (Work In Progress)

此專案為六角 NodeJS 直播班的最終作業的 Vue 3 版本。由於初寫前後端分離專案便使用 Nuxt 3，反而未能深入理解 Vue 3 搭配 Vue Router 的語法及其底層運作，因此決定重新撰寫。本次專案除了前端技術外，後端也從 MongoDB 轉為 MySQL 並使用 Sequelize 進行 ORM，以更熟悉 NodeJS 生態系。雖然對 AWS S3 相關技術感興趣，但因為價格考量有所猶豫，由於有打算使用 Cloudflare 託管網域的計畫，決定也利用 Cloudflare 的 R2（S3 兼容）來管理圖片，提升讀取速度並增強安全性。

## 產品描述

MetaWall 是一個社群平台專案，具備以下功能：

- 使用者註冊、登入驗證、第三方登入

- 會員貼文、評論與按讚

- 會員追蹤

- 即時聊天

- 圖片上傳

## 技術堆疊 

### 前端

- Vite, Vue 3, Vue Router

- Pinia

- Tailwind CSS

### 後端

- Node.js (Express)

- MVC Pattern

- MySql (Sequelize ORM)

### 其他

- OAuth

- WebSocket

- Gmail API

- Cloudflare R2 (圖片存儲)

## 部署

- 前端：部署於 Vercel

- 後端 API：部署於 Zeabur

## 安全性 & 配置

- CORS 限制與 IP 白名單

- API 驗證

- Cloudflare DDoS 保護和 CDN 加速

## 設計稿來源

專案設計稿由 **六角學院 Node.js 班** 提供