MyResume

歡迎來到 MyResume，這是以純 JS 結合一些套件進行開發的履歷網站

Demo

https://linlaose.github.io/Project_MyResume/

已存在的 Demo 帳號密碼：

帳號: [email protected]

密碼: 3edc4rfv

簡介

對於拖拉模板以及編輯器如何實作感興趣且將 CakeResume 網站作為版型參考，藉以練習拖拉模板與編輯器的應用。

• 前台:

  i. 瀏覽履歷

  ii. 履歷 CRUD

  iii. 開啟或關閉顯示我的履歷

  iv. 將履歷下載成 PDF 檔案

使用技術

• 線稿

  • Whimsical => 線稿連結

• 設計師 by Selina ([email protected]) => 設計稿連結

• 前台:

  • JavaScript(ES6)
  • RWD
  • Bootstrap5
  • Gulp
  • SCSS

• 模擬資料庫:

  • json-server-auth
  • Vercel

使用 Plugin

• Font Awesome
• axios
• Swiper
• TinyMCE
• sweetalert2
• SortableJS
• html2pdf
• html2canvas

前端頁面介紹

首頁畫面

製作履歷示意

不同履歷風格模板示意

履歷類別頁

類別履歷瀏覽

會員登入/註冊頁

我的履歷頁

我的履歷總覽

製作/編輯履歷

履歷儲存 PDF

開發時程大約 20 天

本作品完成時間為 2022/12/16

聲明

本作品內圖片、內容等，純粹為個人練習前端使用，不做任何商業用途。

作品心得

做為第一個純 JS 製作的作品，在各種 DOM 的操作上體會到非常麻煩，各個套件整合上也多次 brain storm，例如: 該如何儲存編輯器完成的內容、內容要確實的存為 PDF 等，在實作的過程中很是吃力，不過最後實作出來的成就感滿滿！