## 專案網址: https://jencodehub.netlify.app/
- 這是一個展示我目前的技術實力與創作結果的網站 以直觀的導航設計到完整功能的專案展示，我力求在視覺與用戶導向之間取得良好平衡
- Welcome to Jen Jiun Portfolio. This is a website showcasing my current technical capabilities and creative achievements. From intuitive navigation design to well-featured project displays, it strives to achieve a fine balance between visual appeal and user-centric design.
- Node.js
- React.js
- Three.js
- React Three Fiber
- React Three Drei
- Email JS
- Vite
- Tailwind CSS
-沉浸式女孩：一個具有吸引力的 3D Switch Girl，能夠根據鼠標移動作出互動（僅支援平板和電腦），周圍環繞著動態迷你模型。
-互動式自我介紹：採用流暢的 bento 格子布局，展示我的個人資訊，包含無數俐落線條模擬的流星雨、模擬鍵盤打字動作的立體方塊、我目前掌握到的技術 LOGO，以及一鍵複製郵件地址的功能。
-動態項目展示：透過 3D 電腦模型內的即時演示瀏覽專案，實現專案之間的無縫切換。
-互動式工作經歷時間軸：鼠標懸停在職業里程碑上時，會觸發互動 3D 動畫，呈現我近期的工作經歷。
-簡便的聯絡表單：一個用戶友好的電子郵件表單，讓訪客可以直接從這個作品集中與我聯繫。
-簡潔的 Footer：極簡設計，包含社交媒體鏈接（我的 GitHub 和 Codepen），方便進行網絡互動。
Immersive Girl: An eye-catching 3D Switch Girl that responds to mouse movements(md&lg size only), surrounded by animated mini-models.
Interactive About Me: A sleek bento grid layout featuring personal info,countless sleek lines simulating a meteor shower,3D cubes imitating the motions of typing on a keyboard, tech stack icons, and a one-click email copy option.
Dynamic Project Showcase: Browse through projects while watching live demos inside a 3D computer model, seamlessly switching between different projects.
Engaging Experience Timeline: Hover over career milestones to trigger interactive 3D animations that bring my professional journey to life.
Easy Contact Form: A user-friendly email form for visitors to reach out directly from this portfolio.
Clean Footer: A minimalist design featuring social media links for easy networking( my Github & Codepen).
將專案複製到本地 Cloning the Repository
git clone https://github.com/jenjiunsu/jenjing-portfolio.git
cd jenjing-portfolio下載 Installation
Install the project dependencies using npm:
npm install執行專案 Running the Project
npm run dev在你本機的瀏覽器開啟以下專案網址：http://localhost:5173 Open http://localhost:5173 in your browser to view the project.
以下是專案裡所有的資料來源： Here is the list of all the resources used in the project: