여행을 준비하다보면 짐도 많은데, 계획까지 세우기는 너무 어렵지는 않으신가요?
계획을 세우는 것은 여행의 기본이지만, 제일 어려운 일이기도 합니다.
또 여행 중 세운 계획을 자주 확인하기도 어렵죠.
A Week Trip은 어려운 일을 도와주고, 항상 곁에 있는 여행 동반자입니다.
같이 여행을 떠나보시겠어요?
- 간단하게 소셜 로그인으로 앱을 이용하세요!
- 여행자는 3일, 5일, 7일 중 여행 기간을 선택하여 계획을 세울 수 있습니다.
- 각각의 일정에 세부 계획을 세울 수 있습니다.
- 주요 기차역 목록과 각각의 역의 날씨, 정보를 한 번에 확인할 수 있습니다.
- 가고 싶은 역을 즐겨찾기하고, 확인할 수 있습니다.
- 기차역 지도를 이용해 이동 일정을 확인이 용이합니다.
- A Week Trip 커뮤니티에서 정보 교환 및 소통을 할 수 있습니다.
- 이건 꼭 다시 봐야해! 하는 글들을 스크랩하여, 마이페이지에서 확인이 가능합니다.
- 마이페이지에서 지난 여행 계획과 로그인한 여행자가 작성한 글을 확인할 수 있습니다.
- 엑스포 cli앱을 다운받으십시오. 🔗다운로드링크
- 아래의 QR Code를 엑스포에서 인식하십시오.
- 짜잔, 앱이 실행되었습니다! 🎉
-
앱 로그인 화면
-
- 구글로그인
- 페이스북 로그인
-
메인화면 (한번에 가능)
-
- 메인 체크리스트
- 추천 지역
- 추천코스
-
지도탭
-
- 줌아웃
-
계획탭
-
- 계획 메인 설정 -> 캘린더 뜨고 -> 다음으로 넘어가기 버튼 클릭까지
- 계획만들기 -> 각각 설정하고 -> 모든계획 저장하기까지
- 메인에서 확인하고 체크 해주기
-
커뮤니티탭
-
- 글목록 보여주기 (더미데이터 스크롤 되게 넣어둘 것)
- 글 검색 -> 돋보기 누르고 -> 글목록 확인
- 글쓰기 -> 글쓰고 (이미지 추가) -> 글 저장
- 글 상세 -> 스크롤링 확인
- 글편집 -> 글삭제
- 댓글 작성 -> 댓글 편집 -> 댓글 삭제
-
마이페이지
-
-
내계획 확인 -> 편집 -> 상세수정 -> 저장
-
내가 쓴 게시글 -> 목록 확인 -> 상세
-
스크랩
-
- 커뮤니티 상세 스크랩 -> 마이페이지 -> 스크랩 -> 스크랩 리스트 확인 -> 스크랩 상세
-
로그아웃
-
-
Role : Team Leader
-
Position : Front-end
-
Stack : react native, expo, react hooks, react navigation, native-base, axios, S3
-
Works :
🖋 Team Leader Job
- 프로젝트 워크플로우 및 태스크 관리
- 이슈 / PR 템플릿 작성, 라벨 제작
- 위키 관리, 스탠드업 회의록 관리
Works
-
리액트 네이티브 페이지 및 컴포넌트 구조 작성
-
커뮤니티 페이지의 스택 네비게이션 구조 작성
-
[커뮤니티] 커뮤니티 메인 페이지 게시물 목록 표시 / API 연결
-
[커뮤니티] 게시물 검색 작성/ API 연결
-
[커뮤니티] 게시물 작성 / 편집 페이지 작성, 이미지 업로드 구현 / API 연결
-
[커뮤니티] 게시물 상세 페이지 / 삭제 기능 작성, 이미지 불러오기 구현 / API 연결
-
[커뮤니티] 댓글 작성 / 편집 / 삭제 기능 구현 / API 연결
-
[커뮤니티] 스크랩 기능 구현 / API 연결
-
[마이페이지] 마이페이지 메인 페이지 작성 / 로그인한 사용자 확인
-
[마이페이지] 로그인한 사용자의 작성한 게시물 모아보기, 상세페이지 작성 / API 연결
-
[마이페이지] 로그인한 사용자의 스크랩한 게시물 모아보기, 상세페이지 작성 / API 연결
-
커뮤니티 / 마이페이지 스타일 작성
-
Role : Team Member
-
Position : Front-end
-
Stack : react native, expo, react hooks, react navigation, redux, native base, day.js, axios
-
Works :
-
리액트 네이티브 페이지 및 컴포넌트 구조 작성
-
탭 네비게이션 구조 및 메인 / 계획 / 마이페이지 스택 네비게이션 구조 작성
-
리덕스 구조 작성
-
[메인] 메인 페이지에 현재 메인에 등록된 계획 표시 / 삭제
-
[메인] 추천 지역 및 추천 코스 목록 표시 및 API 연결
-
[메인] 각 지역과 코스의 상세 페이지 제작 및 API 연결
-
[검색] 역 리스트 검색 구현
-
[검색] 역 즐겨찾기 버튼 클릭 시 즐겨찾기에 추가 / 해제
-
[계획] 달력 모달을 이용해 계획 날짜 선택 및 날짜 포맷 변경
-
[계획] 날짜별 계획 작성 및 각 일자에서의 지역별 태스크카드 생성
-
[계획] 계획 생성 / 생성된 계획 수정 구현
-
[마이페이지] 내 계획 리스트 보기 / 내 계획 삭제
-
[소셜로그인] google, facebook 로그인 구현
-
[소셜로그인] 로그아웃 구현
-
[소셜로그인] redux-persist를 이용한 로그인 유지 구현
-
메인 / 검색 / 계획 페이지의 스타일 작성
-
-
Role : Team Member
-
Position : Back-end
-
Stack : node.js, express, request.js, cheerio, JWT, mongoDB, mongoose, aws-sdk, multerS3
-
Works :
- [기획] A Week Trip 앱의 초기 기획
- [기획] 와이어 프레임
- 페이스북 토큰을 이용한 로그인 및 회원가입
- JWT를 사용한 유저 인증 미들웨어 구현
- 클라이언트에서 받아오는 값의 유효성 검사 미들웨어 구현
- multerS3와 aws-sdk를 이용하여 커뮤니티 게시글 이미지를 DB가 아닌 S3에 저장 / 삭제
- mongoDB agreegate로 DB 데이터 가공(한국 시간 변환 / 포맷 변경 등) 후 전송 구현
- request와 cheerio를 이용하여 기차역 실시간 네이버 블로그 게시글, 이미지 긁어오기 크롤링 구현
- 날씨 API를 이용하여 경/위도를 통한 기차역의 실시간 날씨 가져오기
- 유저 로그아웃
- 게시글 스크랩 추가 / 삭제 / 리스트 보기 / 조회수
- 내가 쓴 게시글 리스트
- 기차역 즐겨찾기 추가 / 삭제 / 리스트 보기
- 기차역 리스트 (+메인 페이지 랜덤 5개의 기차역 리스트) / 기차역 상세 정보 / 기차역 검색
- 커뮤니티 게시글 수정 / 삭제 / 검색
- 댓글 생성 / 수정 / 삭제 / 리스트 보기
- [클라이언트] 지도 파일 작업 및 지도 줌 & 아웃 기능
-
Role : Team Member
-
Position : Back-end
-
Stack : node.js, express, request.js, JWT, mongoDB, mongoose, AWS EC2
-
Works :
- Database Schema 설정
- Database Detail 설정
- Route 설정
- 구글 토큰을 사용하여 로그인 및 회원가입 구현
- 계획 생성 / 삭제 / 수정 / Todo 리스트 보기 구현
- 커뮤니티 게시글 생성 / 리스트 보기 / 게시글 보기 구현
- 추천 코스 리스트 보기 / Todo 리스트 보기 구현
- AWS EC2 Server 배포
- RDS 사용하지 않고 AWS EC2에 Database(MongoDB) 설치 및 구동
- API Docs 생성
이 코드는 MIT의 라이센스에 따라 사용이 가능합니다.