不再猶豫, 交給吃貨地圖幫你做決定
在這個生活越來越方便,美食越來越多的社會裡,不知道要吃什麼,總是猶豫不決,這是很多人都有過的困擾。
為了能夠快速解決這個問題,只要輸入所在地,除了會顯示附近二十家餐廳外,還有一個好手氣按鈕,隨機幫你選中一家餐廳。吃貨地圖還提供你記錄自己的美食日記,沒有複雜的介面,簡簡單單紀錄你此時此刻吃到的每一口感受。
- 框架
- Express
- 資料庫
- Sequelize
- 套件
- Express-session:設置 session 實作登入機制
- dotenv:設置環境變數
- multer:圖片上傳
- node-fetch:在 Node.js 環境下使用 Fetch API
- bcrypt:密碼加鹽
- form-data:上傳圖片
- API
- Imgur
- Google Map
├── config
│ └── config.json
├── controllers
│ ├── post.js
│ └── user.js
├── errorMessage.js
├── migrations
├── models
│ ├── index.js
│ ├── picture.js
│ ├── post.js
│ ├── restaurant.js
│ ├── template.js
| └── user.js
├── Procfile
├── seeders
├── .eslintrc.js
├── .prettierrc.json
├── index.js
├── package-lock.json
├── package.json
├── README.md
├── .gitignore
└── .sequelizerc
將專案 clone 下來後,npm install
安裝專案所需套件
設定自己的 .env 檔案,並放在根目錄,裡面應該有:
NODE_ENV=development
DB_USER=DB的使用者名稱
DB_PASSWORD=DB的使用者密碼
DB_NAME=DB的密碼
DB_HOST=localhost
DB_PORT=3306
SESSION_SECRET=自訂的密碼
ALLOWED_ORIGIN=前端專案的位置 ex:'http://localhost:3000'
GOOGLE_MAP_API_TOKEN=Google Map API 金鑰
IMGUR_CLIENT_ID=Imgur ID
npx sequelize-cli db:migrate
後,node index.js
就可以讓後端跑起來。
吃貨地圖前端,採用 React 開發。