nstksean / doeyu

A TourWeb made by Next.js.

Taiwan Tourist Attractions Website | 島遊

台灣旅遊景點導覽
Taiwan 島遊，一款以地圖為主的台灣旅遊導覽網站，希望帶領人們每個探索台灣的美！

Website

Authors

Frontend engineer
Sean Lin



UI design
Zoe Kang

Features

• Browse travel attraction with different cities in Taiwan

• The F2E 3rd - 全台公車動態時刻查詢應用服務

User story (使用者故事)

• 我可以篩選縣市地區，瀏覽該市區的景點
• 我能透過 PC 網站瀏覽，也能透過 Mobile 來瀏覽介面

Development

Contributing Guidelines

follow Angular Contributing Guidelines

API resource

Taiwan Transport Data eXchange Service: TDX

Built with

• React
  • useState
  • useEffect
• Next.js
  • Routes
  • Image Component

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

Special Thanks to Ashe

doeyu's Issues

fix: RWD mobile issue

• RWD 做 768以上
• RWD 做兩種 0-768(375 為基準）

fix UI not as expected

should follow designer UI

fix img error: wrong img src or using img src but not remove placeholder img.

should fix ALL img error

程式碼 Formatter 格式不一

程式碼 Formatter 格式不一，包含分號規則、換行規則

自行導入及研究 Prettier

bug: CityStack layout break in iphone

• 城市 Stack container 於 safari 瀏覽器上顯示跑版

carousel 相關功能在 768px 以下失效

carousel 相關功能在 768px 以下失效

原設計圖 768px 未設計好，
請自行設計提供適當的使用者體驗

或是保留原先切換按鈕調整適合 768px 以下的 size

bug: layout issue

fix route not works

10/17 會議後新增：
TravelSpot 區

• Card 可點擊跳轉

Stack區

posts/location

• 首頁 banner 可以點擊轉跳

• 點進該城市，顯示該城市的特有內容。
  即可以點選照片轉跳
  https://nextjs.org/docs/routing/dynamic-routes

• hover should have cursor
  

posts/restaurant

• 美食 可以點擊轉跳

fix feature: Slider not works

should fix Slide

• 手寫可變換的圖片組件。
  解決輪播問題。

• 首頁 banner(10/17會議後，新增左右變換按鈕）

• 城市

• 熱門景點
  

• 人氣美食

bug/fix: mock API refactor and rename more reasonable

Mock API should follow real API

• nominate
• restruct

feat: Loading state

• Add loading page

• Add Loading photo for components

demo: 修改網頁作品細項

todo

fix:App component refactor. Follow Page > Container > Component ,rename with semantic name.

• should follow Page => Container => Component

• should name it right

fix layout issue: 人氣美食

人氣美食：

• 依照美食種類連接靜態資源
• 點擊後跳轉至該頁面，呈現假資料。

feat: add no found page

• add page with no found key words

fix: accessibility

• Improve accessibility
• Add CTA (call to action)

bug/fix: Improve accessibility, Banner.

• Banner 底色應參考 Pinterest 加深處理