Taipei-Day-Trip

Taipei-Day-Trip is a travel e-commerce website that allows users to browse or search for and order their preferred Taipei day trip itinerary.

• Website URL: http://18.180.127.17:3000/

• Test account: 123@gmail.com

• Test password: 123123

• Test Credit Card Infomation:

  • Credit Card number（卡片號碼）: 4242 4242 4242 4242
  • Credit Card Expiration Dates （過期時間）: 12/34
  • Credit Card CCV Code （驗證密碼）: 123

Demo

• Infinite Scroll Attractions
• Keyword Search
• Attraction Image Carousel

• Shopping Cart System
• Checking and Deleting Orders
• Payment System
• Viewing History Orders

Table of Contents

• Main Features
• Backend Technique
  • Key Points
  • Environment / Web Framework
  • AWS Cloud Service
  • Database
  • Networking
  • Third Party Library
  • Version Control
• System Architecture
• Database Schema
• Frontend Technique
• API Doc
• Contact

Main Features

• Membership System
  • Registration and login fields use regular expression validation to ensure data format correctness.
  • Member verification uses JSON Web Tokens.
  • View order history.
• Attraction
  • Use keywords to find related attractions.
  • Implement infinite scroll to load more attractions.
  • Implement carousel effect for attraction images.
• Order and payment
  • Shopping cart system for adding, removing, and managing items.
  • Integrate third-party payment service TapPaySDK.

Backend Technique

Key Points

• JWT authentication
• Third-party Payment Service
• MVC Pattern

Environment / Web Framework

• Python / Flask

AWS Cloud Service

• EC2

Database

• MySQL

Networking

• HTTP

Third Party Library

• bcrypt
• Google Maps API

Version Control

• Git/GitHub

System Architecture

Database Schema

Frontend Technique

• HTML
• JavaScript
• CSS
• RWD
• AJAX

API Doc

• Link

Figma Doc

• Link

Contact

• Developer: Hungwei, Chen (Anson Chen)

• Email: ab67325@gmail.com

• LinkedIn: AnsonChen