Skip to content

a920604a/self-reusme-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

64 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

個人履歷網站

這是一個使用 React 和 Chakra UI 構建的個人履歷網站專案。

技術棧

  • React 18
  • Chakra UI
  • React Router DOM
  • Formik + Yup(表單處理)
  • Framer Motion(動畫效果)
  • React Slick(輪播組件)
  • FontAwesome(圖標)
  • React WordCloud(文字雲)

開始使用

1. 克隆專案

git clone https://github.com/a920604a/self-reusme-website
cd self-reusme-website

2. 安裝依賴

npm install

3. 運行開發環境

npm start

開發服務器將會啟動,訪問 http://localhost:3000 查看網站。

4. 建構和部署

npm run build && npm run deploy

這將會建構專案並部署到 GitHub Pages。

專案特點

  • 響應式設計,支援各種設備尺寸
  • 現代化 UI/UX 設計
  • 流暢的頁面過渡動畫
  • 優化的性能表現
  • 支援 GitHub Pages 部署

開發指南

  • 使用 npm start [--legacy-peer-deps] 啟動開發服務器
  • 使用 npm test 運行測試
  • 使用 npm run build 建構生產版本
  • 使用 npm run deploy 部署到 GitHub Pages

瀏覽器支援

  • Chrome(最新版本)
  • Firefox(最新版本)
  • Safari(最新版本)
  • Edge(最新版本)

貢獻指南

歡迎提交 Pull Requests 來改進這個專案。對於重大更改,請先開 issue 討論您想要改變的內容。

授權

本專案採用 MIT 授權條款 - 詳見 LICENSE 文件

Releases

No releases published

Packages

No packages published