選擇困難小幫手,自動餐廳選擇機器人

Avatar of 林煒峻.
Avatar of 林煒峻.

選擇困難小幫手,自動餐廳選擇機器人

前端工程師
Taipei City, Taiwan

選擇困難小幫手,自動餐廳選擇機器人

給有餐廳選擇障礙的人,讓機器人幫你選吧!

專案簡介

進入網頁時,系統會要求您現在的位置,獲取之後,後台會自動尋找附近排名高的餐廳,並進行紀錄,使用者只需要點擊最下方的按鈕,系統會自動抽出一家餐廳,顯示餐廳名稱並在地圖上標點。


專案技能

串接Google map api、ES6、Css3、HTML5、Sass。


  • 串接Google Geolocation API以獲得使用者位置
  • 串接Google JavaScript API創建地圖
  • 串接Google Place API獲取附近地點資訊
  • 使用JavaScript DOM設計互動功能
  • 透過SCSS/SASS設計互動動畫



GitHub連結

https://github.com/badukwei/What-to-eat


使用介紹

  1. 進入頁面後,系統會發出定位要求。
  2. 確定後將會自動定位現在位置。 
  3. 系統紀錄附近1000M知名餐廳位置。
  4. 使用者點擊開始抽籤按鈕。 
  5. 系統選擇你今天要吃的餐廳,並且在地圖上顯示地點。 
  6. 如果不喜歡還可以重新點擊選新的喔~
給有餐廳選擇障礙的人,讓機器人幫你選吧! 進入網頁時,系統會要求您現在的位置,獲取之後,後台會自動尋找附近排名高的餐廳,並進行紀錄,使用者只需要點擊最下方的按鈕,系統會自動抽出一家餐廳,顯示餐廳名稱並在地圖上標點。
Avatar of the user.
Please login to comment.

Published: Sep 22nd 2022
46
5
0

Tools

html5
HTML5
css3
CSS3
google
Google
javascript
JavaScript

html5
scss
軟體工程師
前端開發
es6
Api

Share