最近紅什麼

專案簡介

「最近紅什麼」是一個介紹近期熱門的網站，涵蓋了各種美食趨勢、youtuber評論以及各大美食和逛逛地點。該網站提供使用者最新的美食資訊，並且能根據不同區域與熱門評論，推薦當地及網紅最推崇的美食。目的是讓使用者快速了解哪些美食現在最紅，並且能夠輕鬆找到資訊來源。另外也提供好玩的遊戲資訊給大家分享。 就像是最新資訊整理懶人包概念。

技術選用

• React：使用 React 框架來開發單頁應用，將各個區塊設計為獨立元件，確保可重用性與模組化。
• TypeScript：使用 TypeScript 提供靜態型別檢查，確保程式碼的穩定性與可維護性。
• CSS / Flexbox / Grid：使用 CSS 配合 Flexbox 和 Grid 進行網站的排版設計，保持響應式布局，支持各種設備屏幕尺寸。
• React Router：用於頁面間的導航，讓用戶能夠輕鬆切換不同的區塊，如熱門美食、youtuber評論、熱銷地點等。
• Git & GitHub：使用 Git 進行版本控制，所有源代碼托管於 GitHub，並通過 GitHub Pages 部署網站。

目標功能

*熱門美食：展示近期最受歡迎的項目，並且提供每個詳細介紹及來源連結。 網紅評論：收集來自youtuber的評論，並提供其來源連結，讓使用者了解真實的評論。 熱銷地點：推薦各大城市的熱門美食地點，並提供相關地點的詳細資料和來源。 資料來源：每個美食、評論、地點、遊戲項目都提供相應的資料來源連結，確保資訊的可靠性。

網站結構

網站由以下幾個主要區塊組成：

1. 首頁（Home） - 介紹網站的功能，並展示簡單的導航。
2. 熱門美食（Trending） - 顯示目前流行的時事，包括美食描述和來源連結。
3. 網紅評論（Reviews） - 收集來自youtuber和民眾的評論，並提供參考來源。
4. 熱銷地點（Locations） - 推薦各地熱點，並提供詳細的地點資訊和來源。

安裝與運行

1. 克隆此專案到本地：

   (https://github.com/yangchendai/group18.git)
   cd 最近紅什麼

安裝：

bash 複製程式碼 npm install 啟動開發伺服器：

bash 複製程式碼 npm start 開啟瀏覽器並訪問 ht。

分工，貢獻度

楊竣安: 查資料 ，設計程式，製作ppt，報告，60% 陳奕嘉: 查資料 ，製作ppt，設計程式，40% 戴侑玲: 0%