Moon-GD/Team6

FE repo for team6

⛽️ 유류비 절약 플랫폼

View 1st Demo  ·  View 2nd Demo  ·  View Final Demo  ·  Report Bug  ·  Team Notion

📑   About The Project

메인화면

main.mov

로그인 / 회원가입

login.register.mov

마이페이지

default.mov

👉   User Flow

(back to top)

🏗   Architecture

• NGiNX

  • 프론트 웹서버로 사용
  • 리버스 프록시를 통한 WAS 보호
  • 정적파일 캐싱 이점
  • HTTPS 구성이 필요했는데 이를 좀더 원활하게 할 수 있음

• API Server

  • 비지니스 로직을 처리하는 API Server이다

• Scheduler

  • 셀레니움을 사용하여 일일 전국 유가 정보 csv파일다운 자동화
  • 해당 csv파일을 DB형태로 변경하고 Batch Insert를 활용해서 전국 일일 유가 데이터 저장
  • 매일 저장되는 과정을 slack을 통해 알람기능을 받음

• Redis

  • 세션 스토리지(쿠키/세션을 사용한 로그인 방식 사용하기 때문)
  • 사용자 최근 주유소 조회: 세션과 연동하여 지도에서 사용자가 조회한 주유소를 저장하고 주유기록때 보여줌

• MYSQL

  • 회원정보/주유소 관련 데이터를 저장

• GitHubAction

  • 프론트 백엔드의 CI/CD 자동화를 구성

• OPENAPI(TMAP, OPINET)

  • TMAP: 프론트에서 사용하며, 근처 주유소 탐색에서 사용
  • OPINET: 현재 유가 평균, 주유소 일일 가격 데이터 획득에 사용

📱   Built With

FE :  

BE :  

(back to top)

📖   api 명세서

명세서 자세히 보기

📝   Functions

1️⃣ 주변 주유소 유류비 검색 및 비교

2️⃣ 로그인 / 로그아웃

3️⃣ 사용자 프로필 수정

4️⃣ 사용자 주유 기록 입력

5️⃣ 사용자 유류비 다른 사용자와 비교

6️⃣ 사용자 유류비 월별 차트

7️⃣ 사용자 주유 내역 확인

8️⃣ 유가 정보 1일 단위로 자동 다운로드 (셀레니움 + 스프링 스케줄러 활용)

🛠 ERD

🔗   Project ManageMent

Github Wiki

Github Issues

Github Project 간판보드

Design Detail

(back to top)

👨‍👩‍👧‍👦   Contributors

BE 김규민	FE 문경덕	BE 박원종	FE 최재원
@gyuturn	@Moon-GD	@ajongs	@jaewonjjang
회원가입/로그인 API	메인화면	유가 데이터 자동 다운로드	지도 API 통신
마이페이지/주유기록 API	로그인/회원가입	유가 조회/유저 절약 정보 API	지도 상세 텝
CI/CD 및 인프라 관리	마이페이지	과거 유가 데이터 csv 파일 변환 프로그램

(back to top)