Skip to content

Techeer-TeamC/frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 

Repository files navigation

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


배포 서버

http://fish-it-c.herokuapp.com

테스트용 계정

Dev Server

http://3.39.75.19:8080/api/v1

API Documentation

http://3.39.75.19:8080/swagger-ui.html

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 @ohhondgi @aswooo
Frontend, Backend Frontend Frontend, Backend Backend, DevOps Backend, DevOps

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published