Giter VIP home page Giter VIP logo

restaurant-list's Introduction

台北美食地圖

此專案提供使用者查詢台北各類型餐廳的資訊,例如:地址、電話、評分、敘述...等。

Features - 功能描述

  • 使用者可以瀏覽全部所有餐廳。
  • 使用者可於首頁瀏覽餐廳名稱、類別、評分、照片。
  • 使用者可以瀏覽一家餐廳的詳細資訊,包括:餐廳地址、電話、敘述。
  • 使用者可以點擊地址後 icon 進入店家於 google map 上的位置。
  • 使用者可以點擊左上方台北美食地圖回到首頁。
  • 使用者可於首頁搜尋列輸入關鍵字搜尋符合關鍵字描述的餐廳。
  • 使用者輸入搜尋關鍵字,若無搜尋結果則跳出提示。
  • 使用者可以使用美食類別查詢餐廳。

Screen Photo - 專案畫面

image image

Installing - 專案安裝流程

1.開啟終端機(Terminal),Clone 此專案至本機電腦。

git clone https://github.com/Chia-HuiHsueh/restaurant-list.git

2.CD 進入存放此專案的資料夾

cd restaurant-list

3.安裝 npm 套件

輸入 npm install 指令

4.安裝 Express 套件

輸入 npm i express指令

5.安裝 nodemon 套件

輸入 nodemon app.js 指令

6.啟動伺服器,執行 app.js 檔案

輸入nodemon app.js指令
於任一瀏覽器輸入 http://localhost:3000 

Environment SetUp - 環境建置

  • Visual Studio Code - 開發環境
  • Node.js - JavaScript 執行環境
  • Express - 應用程式架構
  • Express-Handlebars - 模板引擎

restaurant-list's People

Contributors

wintersprouter avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.