Fish It

Introduction

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

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

System Architecture

Tech Stack

Frontend	Backend (API)

주요기능

메인페이지	로그인 및 회원가입	제품 검색 페이지

제품 상세 페이지	마이페이지

가격 변동 추이 그래프	알림 메일

사용한 기술

• 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

MySQL ERD

Medium.com Docs

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

Contributors

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