/myfaketrip-frontend

Primary LanguageJavaScript

MyFakeTrip

Introduction

  • Name: MyFakeTrip
  • Period: 2 weeks(2020.02.24 ~ 2020.03.06)
  • Team: 3 Front-end, 2 Back-end
  • Goal: Try to clone myrealtrip website as similar in design and functionality as possible. When someone sees our webstie, make them confuse whether this is real or fake.

Demo(Image Click)

마이리얼트립

Technologies

  • Front-end: ReactJS, Sass, Slick
  • Back-end: Python, Django, MySQL and etc (Back-end Repo)
  • Deployment: AWS

Features

Common

  • Fetch API(GET, POST, DELETE)
  • Dynamic Routing (used Query parameters and URL parameters)

Sign-up / Sign-in

  • Bcrypt Encryption
  • Get JWT Access Token from Back Server upon successful login

Main Page

  • Show products by using Slick Library
  • Search Function(Ex: 바르셀로나)
  • Wish-list Heart Feature only after Login

Product Page

  • Changing Nav-menu or moving to other location by Scrolling Function
  • Photo Slider by Slider and Modal
  • Google Static Map API through latitude and longitude from Back Server
  • Comment Feature(Post, Update and Delete) by checking JWT and Authorization