jhyj0521 / Shall_we_trip

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

✈️ Shall We Trip

🤔서비스 기획 의도 ?

위드 코로나 정책이 시작됨으로써, 여행에 대한 기대감이 높아지고 있습니다.
오랜만에 떠난 여행에서 예산 관리에 대한 걱정없이 즐길 수 있도록 여행지에서 유용하게 사용 할 수 있는 가계부 서비스를 기획했습니다.
여행지를 설정하면 현지 통화로 예산을 설정하고, 지출 내역 등록 및 총 지출 내역과 남은 예산을 보여줍니다.
실시간 환율 계산 기능과 주요 여행지 환율도 함께 제공합니다.



🗓 프로젝트 기간

2021.10.30 - 2021.11.05



👩‍💻 프로젝트 인원 및 역할 분담

이름 설명
박바름 회원가입(실시간 form validation, id 중복 체크), 로그인 / 로그아웃 (JWT 활용) 페이지 구현
이정훈 웹팩 설정, 지출 추가 기능, 카테고리 별 필터링 및 인피니트 스크롤을 이용해 지출 내역 조회
이효원 여행리스트 페이지, 여행 추가 기능(실시간 form validation), 원화 입력 시 여행지에 따른 환율 계산 결과 제공
박태준 나라 이름 검색 자동 완성 기능, 환율 API를 이용한 환율 계산기, 주요 여행지 실시간 환율 제공


📚 기술 스택

  • HTML
  • Sass
  • Javascript
  • Node.js
  • Express


✨ 주요 기능

1. 로그인

회원가입 로그인 로그아웃
56d0d8d1a9a971cf cfca4a4a5d4a81d7 6bbf5de325f7c7e8


2. 환율 계산

국가자동완성 및 환율계산 실시간 환율
국가자동완성 및 환율계산 실시간 환율


3. 여행 리스트

여행추가모달 유효성검사 여행추가 여행목록
Nov-24-2021 21-15-58 Nov-24-2021 21-07-56 Nov-24-2021 21-16-50 Nov-24-2021 22

여행 기간에 따라 진행중인 여행, 다가올 여행, 지난 여행을 구분하여 화면을 개발했습니다.
디바운스 처리를 통해 사용자의 입력이 끝나면 환율 api 요청을 보냅니다



4. 지출 목록

지출추가 카테고리필터링 지출목록
지출추가 지출필터링 지출목록


팀원

박바름 박태준 이정훈 이효원
@congaweb @joker77z @jhyj0521 @hhhyyo

About

License:MIT License


Languages

Language:JavaScript 49.7%Language:HTML 26.7%Language:SCSS 23.4%Language:Shell 0.1%