{"id":23432967,"url":"https://github.com/ilyaliao/travel-fun","last_synced_at":"2025-04-09T15:36:02.886Z","repository":{"id":138126301,"uuid":"611964855","full_name":"ilyaliao/travel-fun","owner":"ilyaliao","description":"旅遊趣 Travel Fun - 提供台灣旅遊體驗與行程的線上平台","archived":false,"fork":false,"pushed_at":"2024-01-01T19:05:35.000Z","size":140040,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-01T18:01:01.448Z","etag":null,"topics":["axios","ckeditor5","naive-ui","pinia","sweetalert2","swiper","tailwindcss","uuid","voomap","vue-router4","vue3","vue3-composition-api","vue3-typescript"],"latest_commit_sha":null,"homepage":"https://travel-fun.vercel.app","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ilyaliao.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-03-09T22:58:08.000Z","updated_at":"2024-03-13T10:42:01.000Z","dependencies_parsed_at":"2024-10-28T16:04:20.451Z","dependency_job_id":null,"html_url":"https://github.com/ilyaliao/travel-fun","commit_stats":null,"previous_names":["jackliaocodetw/travel-fun","ilyaliao/travel-fun"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ilyaliao%2Ftravel-fun","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ilyaliao%2Ftravel-fun/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ilyaliao%2Ftravel-fun/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ilyaliao%2Ftravel-fun/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ilyaliao","download_url":"https://codeload.github.com/ilyaliao/travel-fun/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248058643,"owners_count":21040791,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["axios","ckeditor5","naive-ui","pinia","sweetalert2","swiper","tailwindcss","uuid","voomap","vue-router4","vue3","vue3-composition-api","vue3-typescript"],"created_at":"2024-12-23T10:56:45.577Z","updated_at":"2025-04-09T15:36:02.867Z","avatar_url":"https://github.com/ilyaliao.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg width=\"1423\" alt=\"首頁\" src=\"./.screenshots/1.home.png\"\u003e\n\n# **旅遊趣 ✈️**\n\u003e 探索世界的精彩，從這裡開始，旅遊趣帶您踏上一場奇幻之旅，發現無盡的冒險和美麗風景。\n\nDemo : [旅遊趣](https://travel-fun.vercel.app/#/)\n\n\u003cbr\u003e\n\n## **創店理念**\n在這個充滿多元文化和美麗風景的世界中，我們相信每個地方都有其獨特的故事等待著被發現，我們希望為旅行者打造一個平台，讓他們能夠輕鬆地尋找到最適合的旅行目的地和行程安排，不論是探索遙遠的國度、感受當地風情，還是享受豪華的渡假體驗。\n\n我們相信旅行不僅僅是到達目的地，更是一段精彩的旅程，我們的團隊致力於挖掘每個目的地的獨特之處，為旅行者提供深入的文化體驗和豐富的活動選擇，我們以用心的服務和細致的安排，讓每位旅行者在每次旅行中都能獲得滿足感和難忘的回憶。\n\n無論您是探險家、文化愛好者、還是喜愛舒適度假的旅行者，我們都有完美的方案和行程等待著您。\n\n讓我們一同踏上探索世界的旅程，創造屬於您的獨特旅行故事！\n\n\u003cbr\u003e\n\n## **專案說明**\n\u003e * 使用 `Vue.js` 和 `Vite` 進行開發\n\u003e * 使用 `Composition API` 和 `TypeScript` 進行編程\n\u003e * 使用 `Vue Router` 路由設定\n\u003e * 使用 `Axios` 串接後台 API 資料\n\u003e * 使用 `props` `emit` `pinia` 進行元件間資料的傳遞\n\u003e * 使用 `Tailwind CSS` `Naive UI` 完成版面\n\u003e * 使用 `Antfu ESlint Style` 控管程式碼品質\n\u003e * 使用 `Git` 版本控制\n\n### **使用技術**\n* [Vue](https://vuejs.org/) `3.3.4` \n* [Vite](https://vitejs.dev/)\n* [Vue Router](https://router.vuejs.org/zh/)`4`\n* [Pinia](https://pinia.vuejs.org/)\n* [Typescript](https://www.typescriptlang.org/)\n* [Axios](https://axios-http.com/)\n* [Sweetalert2](https://sweetalert2.github.io/#icons)\n* [Tailwind CSS](https://tailwindcss.com/)\n* [Naive UI](https://www.naiveui.com/zh-CN/dark)\n* [Xicons](https://www.xicons.org/#/) `material` `antd`\n* [Swiper](https://swiperjs.com/)\n* [UUID](https://github.com/uuidjs/uuid)\n* [Ckeditor](https://ckeditor.com/ckeditor-5/)`5`\n* [Voomap](https://voomap.vercel.app/)\n* [LocalStorage](https://developer.mozilla.org/zh-TW/docs/Web/API/Window/localStorage)\n\n### 程式碼風格\n\n[![code style](https://antfu.me/badge-code-style.svg)](https://github.com/antfu/eslint-config)\n\n### 設計稿\n\n* 設計師：[Gill](mailto:e26290@gmail.com)\n* 設計稿：[旅遊趣](https://www.figma.com/file/OqJyJviIdcYxBlAbnBUuNf/%E5%85%AD%E8%A7%92-%7C-%E6%97%85%E9%81%8A%E8%B6%A3--%E5%8F%B0%E7%81%A3%E6%97%85%E9%81%8A%E5%A5%97%E7%A5%A8%E8%A8%82%E8%B3%BC?type=design\u0026node-id=1-1041\u0026mode=design\u0026t=eoVvXFBNTvKdggr6-0)\n\n### **前台**\n* 旅遊行程展示：首頁、商品列表、商品介紹等\n* 收藏清單：新增、編輯、刪除收藏商品\n* 購物車：新增、刪除及編輯商品數量\n* 優惠卷：結帳時可套用優惠卷\n* 訂單：創立訂單包含顧客資料、購買時間、購買產品等\n* 結帳：選擇付款方式進行付款\n\n### **後台**\n* 管理者登入驗證\n* 商品管理：新增、編輯、刪除\n* 訂單管理：編輯部分訂單資訊、刪除\n* 優惠卷管理：新增、修改、刪除\n\n\u003cbr\u003e\n\n## 前台頁面介紹\n\n### **首頁** \n\u003cimg width=\"80%\" alt=\"首頁\" src=\"./.screenshots/1.home.png\"\u003e\n\n### **旅遊行程**\n\u003cimg width=\"80%\" alt=\"旅遊行程-1\" src=\"./.screenshots/2.products-1.png\"\u003e\n\u003cimg width=\"80%\" alt=\"旅遊行程-2\" src=\"./.screenshots/3.products-2.png\"\u003e\n\u003cimg width=\"80%\" alt=\"旅遊行程-3\" src=\"./.screenshots/4.products-3.png\"\u003e\n\n### **收藏清單**\n* 利用 `LocalStorage` 儲存使用者收藏紀錄\n\n\u003cimg width=\"80%\" alt=\"我的最愛\" src=\"./.screenshots/5.wishlist.png\"\u003e\n\n### **購物車**\n* 購物車預覽\n* 購物車頁面\n\n\u003cimg width=\"80%\" alt=\"購物車預覽\" src=\"./.screenshots/6.cart-1.png\"\u003e\n\n\u003cimg width=\"80%\" alt=\"購物車\" src=\"./.screenshots/7.cart-2.png\"\u003e\n\n### **訂單填寫**\n* 紅色星號為必填項目\n* 每個欄位皆有格式驗證\n* 套用優惠卷\n\n\u003cimg width=\"80%\" alt=\"訂單填寫\" src=\"./.screenshots/8.order-1.png\"\u003e\n\u003cimg width=\"80%\" alt=\"套用優惠卷\" src=\"./.screenshots/9.order-2.png\"\u003e\n\n### **準備付款**\n\u003cimg width=\"80%\" alt=\"準備付款\" src=\"./.screenshots/10.order-3.png\"\u003e\n\n### **訂單建立**\n\u003cimg width=\"80%\" alt=\"訂單建立\" src=\"./.screenshots/11.order-4.png\"\u003e\n\n\u003cbr\u003e\u003cbr\u003e\n\n## 後台頁面介紹\n* 後台設計參考 [Naive Ui Admin](https://github.com/jekip/naive-ui-admin)\n\n### 登入頁面\n\u003cimg width=\"80%\" alt=\"登入頁面\" src=\"./.screenshots/12.login.png\"\u003e\n\n### **旅遊行程管理頁面**\n\u003cimg width=\"80%\" alt=\"旅遊行程管理頁面\" src=\"./.screenshots/13.admin-product.png\"\u003e\n\n### **訂單管理**\n\u003cimg width=\"80%\" alt=\"訂單管理頁面\" src=\"./.screenshots/14.admin-order.png\"\u003e\n\n### **優惠卷管理**\n\u003cimg width=\"80%\" alt=\"優惠卷管理頁面\" src=\"./.screenshots/15.admin-coupon.png\"\u003e\n\n\u003cbr\u003e\u003chr\u003e\n\n更多資訊歡迎前往 **[旅遊趣](https://travel-fun.vercel.app/#/)**  進一步觀看！\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Filyaliao%2Ftravel-fun","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Filyaliao%2Ftravel-fun","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Filyaliao%2Ftravel-fun/lists"}