Taipei Day Trip 台北一日遊

1. Summary 專案簡介
2. Demo 專案頁面
3. Technologies 專案技術
4. Diagram 專案架構圖
5. Feature 專案介紹
6. 補充 - 開發過程

Summary

Taipei Day Trip(台北一日遊) is a simple travel e-commerce website.
With 300+ attraction info from Taipei city open data API, users could click each of the attraction cards to check out the attraction details.
After registering for login, members could book an itinernary and make an order with a credit card payment, or check the order records in the member page.

Demo

Demo Link

http://52.221.32.164:3000/

Test account

-	-
Account	test@test.com
Password	tester

Credit Card for test

-	-
Card Number	4242 - 4242 - 4242 - 4242
Valid Date	01 / 23
CVV	123

Architecture Diagram

Technologies

Name	Descriptions
Intersection Observer API	Realize infinite scrolling page
Image carousel slider	Without using library
AJAX	Call APIs from front-end
MySQL	Store attraction, user data
Python Flask framework	Run the server
RESTful APIs	Organize requests for attraction, order, user features
AWS EC2	Host website
TapPay SDK	Credit card payment
Responsive Web Design	Create web pages that look fine on all devices

Feature

🔹Search for attractions

Slide or scroll to the bottom of the index page, the browser will read and display the next 12 attraction cards.
(Also could filter attraction data in the search bar by entering keywords)

🔹Check out the attraction details

Users could click each attraction card in the index page to switch to the attraction detail page.

🔹Place an order

Log in/sign up to become a member after registration, users could book an itinernary and make an order with a credit card payment.

Also, members could check the order records in the member page.

Development Process

補充 - 開發過程

1. 建立 devlop 分支，完成該週進度時請 reviewer 確認，通過確認後合併到 main 分支。
2. 完成每週進度都會同步專案到 EC2 Instance ，並使用 nohup 指令確保網站運作。