全端系統開發、前端開發、後端開發的全部最新 6 筆接案案件

▌ 需求說明與工作內容 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）變更與部署。

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

一、用於哪個行業：社團法人台灣禪宗文化教育協會 ‧ 現有的網站: 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）變更。 良好的變更紀錄與溝通習慣（每次調整可回溯、部署前驗證）。 對品質與細節（多語系一致性、版面、資安）具責任感。

我們是一家專營二手/經典相機、錄影機、手錶及相機配件的選品店。目前店內營運已經有一套完整的實體流程，並希望將目前的作業數位化，打造一套「對內庫存管理與 POS 系統」與「對外品牌電商官網」。 【我們目前的準備狀況】 資料庫初步設計： 我們已經整理好了現行使用的 Excel 庫存表（共計 20 張工作表，包含相機規格、手錶樣式、活動紀錄、電池相容性子表等）。我們已有初步的欄位邏輯與財務計算公式，您不用從零通靈我們的業務邏輯。 UI/UX 視覺原型： 我們已利用 AI (Vibe Coding) 製作出可高度互動的網頁模擬原型 (Web Prototype)，可直接作為視覺風格、排版與轉場動畫的參考基準。 詳細規格書： 我們準備了一份完整的 PDF 需求說明書 (RFP)，裡面列出了詳細的工作流、欄位清單與非功能性需求，希望能提供給您評估。 【專案核心需求與策略】 第一階段 (MVP)： 對內庫存管理系統 + 櫃檯 POS 收銀系統（需支援定金保留/尾款結帳），以及內部員工協作留言板（可 @提及 並同步個人代辦事項）。 第二階段： 對外品牌電商官網（即時庫存同步、Auth0 會員管理、金流串接）、實拍效果圖牆展示（Hover 懸停互動），以及多機規格對比器（需能將對比畫面生成 Canvas 長圖方便下載分享 IG）。 運算成本： 我們希望初期伺服器與資料庫月租費控制在低成本範圍（預算約 15 − 15−40 USD/月），希望採取如 Supabase / Render / S3 搭配免費 CDN 的輕量化架構。

用於哪個行業：創新服務-知識應用-人工智慧 細節說明：AI多語種平台核心技術研發與系統建置（委外勞務） 1. AI-Claw：Agentic-AI 跨角色協同多代理人自動化工作流 2. AI-Bridge：AI 多語種教材生成與音視頻轉譯引擎 3. AI-Edu：跨端適配情境式微課程培訓與線上考試系統 4. AI-Edu：QR證書與企業端數據戰情室：自動化發證與數據分析報表