前端開發、網站維護經營的全部最新 6 筆接案案件

現況：前任工程師因身體狀況退出，目前進度已完成 45%。需要您接手後續的 WordPress 上架與視覺還原。 核心要求（最重要）： 100% 視覺復刻：所有頁面的字型、大小、行距、間距（Margin/Padding）必須與設計稿完全一致。 響應式（RWD）細節：桌機、手機、平板的視覺與間距皆須精準、不跑版。 技術需求：熟練 WordPress，並能流暢使用 驗收標準：會以設計稿逐頁對照字體與間距細節。

1. 簡中版網站依照多國語系優化調整，包含首頁、選單、應用頁、圖片與寫死區塊標題調整，跟既有後台串接，不用改後台。 2. 多國語系新增西班牙語，大部分上架英文，重點頁面改西班牙語，不用負責翻譯 3. 多國語系調整麵包屑與網站標題，網址轉址 *不需要負責網站視覺設計，只有少部分頁面需要簡易的視覺調整（配色與文案） *可開發票佳 *上線時間可議，但希望分階段可以在10月前完成 *因內部人力，希望可以長期配合網站優化

一、用於哪個行業：社團法人台灣禪宗文化教育協會 ‧ 現有的網站: TZCEA www.tzcea.org 細節說明：入口網站（tzcea.org，四語系）維運與開發　｜　性質：全職 / 兼職 / 委外皆可洽。 負責本協會官方網站（tzcea.org，繁中／簡中／英／法四語系）的後端開發、前端調整、金流與第三方串接、網站部署與網域／主機維運 。網站部署於僅提供 FTP、無 SSH、資料庫不可外連的共享虛擬主機，需能於此受限環境下獨立作業。 二、必備條件（Must-have） 後端開發 熟悉PHP 8.x（本站 8.3），具物件導向與 MVC 觀念。能維護輕量框架 Fat-Free Framework（F3）；不使用 Composer，函式庫直接置於lib/(須具備快速上手陌生框架與其模板引擎的能力）。 熟悉 MySQL / MariaDB（PDO），能設計資料表、撰寫 SQL 與處理資料表遷移；理解在資料庫無法外連的主機上僅能透過應用程式端維運。 前端開發 熟練 HTML5 / CSS3 / 原生 JavaScript。 熟悉Tailwind CSS、響應式（RWD）版面與Chart.js圖表。具多語系（i18n）網站開發經驗（字典檔、語言切換、缺漏鍵回退）。 金流與第三方串接具第三方金流串接實務，理解藍新 NewebPay的 MPG 一次付清與定期定額、加解密（AES／SHA256）、Notify／Return 對帳流程；能處理線下（銀行匯款／Zelle）人工銷帳與收據開立。 能整合外部REST API（帶 Bearer Token 的學生資料同步），並設定cron 排程以 curl 定時執行。 熟悉SMTP 寄信、Google reCAPTCHA v2，以及 YouTube／SoundCloud／kuula 360 環景等內嵌服務。 安全性理解 CSRF 防護、權限控管（多帳號 RBAC）、密碼雜湊（bcrypt）。 具機密管理觀念（金鑰、DB 密碼、Token 皆不進版控）；能妥善處理個資（學童照片與資料）。 版本控制與部署熟悉Git / GitHub（私有庫、敏感檔排除）。能於僅 FTP／FTPS、無 SSH的共享主機部署；熟悉Apache .htaccess （前端控制器改寫、強制HTTPS、快取與目錄安全設定）。 三、網域與主機維運（Domain / Hosting） 網域註冊商帳號操作與續約管理。 DNS 記錄設定與除錯：A／CNAME／MX／TXT（SPF、DKIM、DMARC）、子網域。SSL／TLS 憑證申請與續期（Let's Encrypt／.well-known 驗證），確保全站 HTTPS。 郵件服務設定（MX 指向、收發信、寄件網域信譽與退信排查）。 共享主機控制台（cPanel 或類似）操作：FTP 帳號、資料庫、排程、檔案權限、備份。 四、加分條件（Nice-to-have）影像／多媒體處理：圖片壓縮、去背、批次最佳化（Pillow／ImageMagick／sips）、QR Code 產生。 電子商務金流／發票、非營利組織捐款收據相關法規概念。 基本資安意識與弱點修補經驗。具中英（可加簡中／法文）雙語溝通或文案能力，能與非技術同仁協作維護內容。 五、軟性條件 能於受限主機環境下獨立解決問題，細心處理正式站（production）變更。 良好的變更紀錄與溝通習慣（每次調整可回溯、部署前驗證）。 對品質與細節（多語系一致性、版面、資安）具責任感。

用於哪個行業：樂器商品 細節說明：作圖 網頁管理 產品上架

▌ 需求說明與工作內容 1. 前端核心：必須熟練使用 React 進行前端網頁功能開發。 2. 團隊協作：必須使用 Git 進行版本控制與團隊協作。 3. 專注開發：您只需專注於代碼編寫與功能實現，不需處理雲端部署、CI/CD 等維運雜事。 4. 視覺還原：團隊會提供完整的 Figma 設計稿，需能精準按照設計規格製作功能與介面。 5. 開發支援：我們會提供 Mentor 協助引導，並提供完善的 Code base 說明文件與專屬 Libs 使用說明，讓您能快速上手現有架構。 ▌ 必備條件（Requirements） • 精通 React 及其生態系，具備獨立開發功能模組的能力。 • 熟練使用 Git 進行 Branch 管理、Push/Pull 與解決 Conflict。 • 重視代碼品質，有良好的命名習慣與模組化思維。 • 注意：本職缺在正式合作前，需進行一項技術小測驗，以評估代碼風格與架構思維（測驗細節將於初步審核後提供）。 ▌ 應徵方式 有意願長期配合的夥伴， 請註明：「應徵長期配合全端工程師 - [您的姓名/稱呼]」 應徵請務必附上： 1. 個人簡歷 / 簡介 2. 個人作品集（Portfolio）：請優先提供與 React 相關的實際專案、GitHub 連結或線上作品。 (審核通過者，我們將主動聯絡並說明小測驗及後續合作細節，謝謝！)

用於哪個行業：非營利組職 台灣禪宗文化教育協會所籌建之慈善學校管理平台 協會資訊: www.tzcea.org 細節說明：負責「6PBS 校務管理系統」的全端開發與 DevOps 維運。系統以Django REST Framework為後端 API、Vue 3 單頁應用（SPA） 為前端，透過Docker Compose編排 nginx／後端／Redis／Celery 等服務，並以GitHub Actions 自動化部署至 Linux 伺服器。須能獨立處理跨服務（nginx ↔Django ↔ Celery ↔ Redis）的開發、除錯與上線。 二、必備條件（Must-have） 後端開發（Python / Django）熟悉Python 3與Django 5 + Django REST Framework，能設計 RESTful API、序列化器（Serializer）、ViewSet、權限與驗證。JWT 驗證（SimpleJWT）、CORS 跨域處理。 ORM 與資料庫遷移（migrations）；目前使用SQLite，須具備遷移至 PostgreSQL／MySQL 的能力與觀念。 非同步任務與排程：Celery + Redis、django-celery-beat 定時任務。 API 文件：drf-spectacular／Swagger（drf-yasg）。 影像處理（Pillow）、PDF 產生（xhtml2pdf）、樂觀鎖並行控制（django-concurrency）。 前端開發（Vue 3）熟練Vue 3（Composition／Options API）、Vue Router與單頁應用架構。 vue-cli／Webpack建置流程、SCSS／Sass樣式。以axios串接 REST API、表單驗證（vee-validate）。 UI 框架與元件：Bootstrap 5、Ant Design Vue、圖表（ApexCharts／Chart.js）、行事曆（FullCalendar）、富文本編輯器（CKEditor 5）。 測試與程式品質pytest／pytest-django、factory-boy撰寫單元與整合測試。 ESLint／Vue Lint 等程式碼規範。DevOps 與容器化Docker多映像建置（backend／frontend／nginx）與Docker Compose多服務編排（nginx、backend、redis、celery、celery-beat，含 dev／prod／test profiles）。nginx 反向代理設定（靜態檔服務、/api /admin /media /ws /health 代理、WSGI／gunicorn）。 開發／正式環境分離（.env.dev／.env.prod）、entrypoint 與執行權限（gosu）。CI/CD 與部署GitHub Actions 撰寫與維護 workflow；以SSH（appleboy/ssh-action）自動部署至 Ubuntu伺服器、docker compose build／up。能以act於本機測試 workflow；具跨平台維運腳本能力（Bash 與 Windows .bat）。 三、網域與主機維運（Domain / Hosting）Linux（Ubuntu 22.04）伺服器管理：SSH 操作、Docker 執行環境、服務監控與日誌排查。 網域註冊商與DNS 記錄設定：A／CNAME／MX／TXT（SPF、DKIM、DMARC）、子網域。SSL／TLS 憑證（Let's Encrypt）於 nginx 之設定與自動續期，確保全站 HTTPS。反向代理、防火牆／連接埠管理、資料（含 SQLite／媒體檔）之備份與還原。 四、加分條件（Nice-to-have）PostgreSQL 導入與 Redis 快取／佇列調校。WebSocket／Django Channels（系統已於 nginx 預留 /ws 代理）。系統監控與告警（健康檢查 /health、日誌聚合、效能觀測）。資安實務：OWASP、相依套件弱點掃描、機密管理。具校務／教育系統，或多角色權限（RBAC）平台開發經驗。 五、軟性條件具前後端分離 + 容器化專案的整體架構觀,能權衡效能與維運成本。良好的Git 協作（分支、Pull Request、CI）與技術文件撰寫習慣。能獨立排查跨服務問題,細心處理正式環境（production）變更與部署。