Skip to content

Latest commit

 

History

History

profile

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 

Fish It

Introduction

오픈마켓 가격 변동 확인 사이트, Fish It 입니다.

  • 사용자가 원하는 물품을 검색했을 시 해당 제품 관련 정보와 최저가 마켓 정보를 제공합니다.
  • 가격 알림을 받기 희망하는 물품과 희망 가격을 등록하면 주기적으로 모니터링하여 사용자가 원하는 최저가에 도달했을 시 메일 알림을 발송합니다.
  • 원하는 제품 등록 시 일정 시간 간격으로 해당 제품의 가격 변동 추이를 그래프로 시각화하여 제공합니다.

System Architecture

image

Tech Stack

Frontend Backend (API)
TypeScript React HighCharts Heroku Spring Boot AWS Docker MySQL Jsoup

주요기능

메인페이지 로그인 및 회원가입 제품 검색 페이지
제품 상세 페이지 마이페이지
가격 변동 추이 그래프 알림 메일

사용한 기술

  • Google OAuth2.0

  • Kakao OAuth2.0

  • JSoup

  • HighCharts


Getting Started

spring: 2.6.6
react: 18.1.0

1. Cloning

$ git https://github.com/Techeer-TeamC/Fish_it.git
  • Provide necessary information in application.yml template

2. Frontend

  • Install packages
$ cd frontend
$ npm install

3. Docker

Dev

$ git submodule update --init --recursive
$ docker-compose-local up --build                             

Production Enviornment

$ git submodule update --init --recursive
$ docker-compose up --build                             

Architecture

CICD Architecture

image

MySQL ERD

image

Medium.com Docs

👉 https://medium.com/@techeerteamc/fish-it-get-notification-when-the-product-reaches-the-price-you-want-17b9239282b7

Contributors

김소미 손정민 정태원 오홍기 장현우
@somii009 @jungmaan @teawon @ohhonggi @aswooo
Frontend, Backend Frontend Frontend, Backend Backend, DevOps Backend, DevOps