🚂 A Week Trip

1. 프로젝트 소개

🚂 가벼운 기차 여행을 위한 시작, 즐거운 기차 여행을 위한 동반자.

A Week Trip입니다.

🚂 기차여행을 좋아하시나요?

여행을 준비하다보면 짐도 많은데, 계획까지 세우기는 너무 어렵지는 않으신가요?

계획을 세우는 것은 여행의 기본이지만, 제일 어려운 일이기도 합니다.

또 여행 중 세운 계획을 자주 확인하기도 어렵죠.

A Week Trip은 어려운 일을 도와주고, 항상 곁에 있는 여행 동반자입니다.

같이 여행을 떠나보시겠어요?

🗓 이용 방법

간단하게 소셜 로그인으로 앱을 이용하세요!
여행자는 3일, 5일, 7일 중 여행 기간을 선택하여 계획을 세울 수 있습니다.
각각의 일정에 세부 계획을 세울 수 있습니다.
주요 기차역 목록과 각각의 역의 날씨, 정보를 한 번에 확인할 수 있습니다.
가고 싶은 역을 즐겨찾기하고, 확인할 수 있습니다.
기차역 지도를 이용해 이동 일정을 확인이 용이합니다.
A Week Trip 커뮤니티에서 정보 교환 및 소통을 할 수 있습니다.
이건 꼭 다시 봐야해! 하는 글들을 스크랩하여, 마이페이지에서 확인이 가능합니다.
마이페이지에서 지난 여행 계획과 로그인한 여행자가 작성한 글을 확인할 수 있습니다.

2. Getting Started

엑스포 cli앱을 다운받으십시오. 🔗다운로드링크
아래의 QR Code를 엑스포에서 인식하십시오.
짜잔, 앱이 실행되었습니다! 🎉

3. 기술 스택

4. Flow Work

Client - Server Work Flow

5. 기술 시연

앱 로그인 화면
1. 구글로그인
2. 페이스북 로그인
메인화면 (한번에 가능)
1. 메인 체크리스트
2. 추천 지역
3. 추천코스
지도탭
1. 줌아웃
계획탭
1. 계획 메인 설정 -> 캘린더 뜨고 -> 다음으로 넘어가기 버튼 클릭까지
2. 계획만들기 -> 각각 설정하고 -> 모든계획 저장하기까지
3. 메인에서 확인하고 체크 해주기
커뮤니티탭
1. 글목록 보여주기 (더미데이터 스크롤 되게 넣어둘 것)
2. 글 검색 -> 돋보기 누르고 -> 글목록 확인
3. 글쓰기 -> 글쓰고 (이미지 추가) -> 글 저장
4. 글 상세 -> 스크롤링 확인
5. 글편집 -> 글삭제
6. 댓글 작성 -> 댓글 편집 -> 댓글 삭제
마이페이지
1. 내계획 확인 -> 편집 -> 상세수정 -> 저장
2. 내가 쓴 게시글 -> 목록 확인 -> 상세
3. 스크랩
4. 1. 커뮤니티 상세 스크랩 -> 마이페이지 -> 스크랩 -> 스크랩 리스트 확인 -> 스크랩 상세
5. 로그아웃

6. About Detail

1. Server

1. Schema

2. API DOCS

깃북으로 바로가기

3. API Flow

API Flow 펼쳐보기

2. Client

1. Screen Flow

Screen Flow 펼쳐보기

8. About Team

팀장 : 박나영

Role : Team Leader
Position : Front-end
Stack : react native, expo, react hooks, react navigation, native-base, axios, S3
Works :

🖋 Team Leader Job
1. 프로젝트 워크플로우 및 태스크 관리
2. 이슈 / PR 템플릿 작성, 라벨 제작
3. 위키 관리, 스탠드업 회의록 관리
Works
1. 리액트 네이티브 페이지 및 컴포넌트 구조 작성
2. 커뮤니티 페이지의 스택 네비게이션 구조 작성
3. [커뮤니티] 커뮤니티 메인 페이지 게시물 목록 표시 / API 연결
4. [커뮤니티] 게시물 검색 작성/ API 연결
5. [커뮤니티] 게시물 작성 / 편집 페이지 작성, 이미지 업로드 구현 / API 연결
6. [커뮤니티] 게시물 상세 페이지 / 삭제 기능 작성, 이미지 불러오기 구현 / API 연결
7. [커뮤니티] 댓글 작성 / 편집 / 삭제 기능 구현 / API 연결
8. [커뮤니티] 스크랩 기능 구현 / API 연결
9. [마이페이지] 마이페이지 메인 페이지 작성 / 로그인한 사용자 확인
10. [마이페이지] 로그인한 사용자의 작성한 게시물 모아보기, 상세페이지 작성 / API 연결
11. [마이페이지] 로그인한 사용자의 스크랩한 게시물 모아보기, 상세페이지 작성 / API 연결
12. 커뮤니티 / 마이페이지 스타일 작성

팀원 : 이승연

Role : Team Member
Position : Front-end
Stack : react native, expo, react hooks, react navigation, redux, native base, day.js, axios
Works :
1. 리액트 네이티브 페이지 및 컴포넌트 구조 작성
2. 탭 네비게이션 구조 및 메인 / 계획 / 마이페이지 스택 네비게이션 구조 작성
3. 리덕스 구조 작성
4. [메인] 메인 페이지에 현재 메인에 등록된 계획 표시 / 삭제
5. [메인] 추천 지역 및 추천 코스 목록 표시 및 API 연결
6. [메인] 각 지역과 코스의 상세 페이지 제작 및 API 연결
7. [검색] 역 리스트 검색 구현
8. [검색] 역 즐겨찾기 버튼 클릭 시 즐겨찾기에 추가 / 해제
9. [계획] 달력 모달을 이용해 계획 날짜 선택 및 날짜 포맷 변경
10. [계획] 날짜별 계획 작성 및 각 일자에서의 지역별 태스크카드 생성
11. [계획] 계획 생성 / 생성된 계획 수정 구현
12. [마이페이지] 내 계획 리스트 보기 / 내 계획 삭제
13. [소셜로그인] google, facebook 로그인 구현
14. [소셜로그인] 로그아웃 구현
15. [소셜로그인] redux-persist를 이용한 로그인 유지 구현
16. 메인 / 검색 / 계획 페이지의 스타일 작성

팀원 : 이유정

Role : Team Member
Position : Back-end
Stack : node.js, express, request.js, cheerio, JWT, mongoDB, mongoose, aws-sdk, multerS3
Works :
1. [기획] A Week Trip 앱의 초기 기획
2. [기획] 와이어 프레임
3. 페이스북 토큰을 이용한 로그인 및 회원가입
4. JWT를 사용한 유저 인증 미들웨어 구현
5. 클라이언트에서 받아오는 값의 유효성 검사 미들웨어 구현
6. multerS3와 aws-sdk를 이용하여 커뮤니티 게시글 이미지를 DB가 아닌 S3에 저장 / 삭제
7. mongoDB agreegate로 DB 데이터 가공(한국 시간 변환 / 포맷 변경 등) 후 전송 구현
8. request와 cheerio를 이용하여 기차역 실시간 네이버 블로그 게시글, 이미지 긁어오기 크롤링 구현
9. 날씨 API를 이용하여 경/위도를 통한 기차역의 실시간 날씨 가져오기
10. 유저 로그아웃
11. 게시글 스크랩 추가 / 삭제 / 리스트 보기 / 조회수
12. 내가 쓴 게시글 리스트
13. 기차역 즐겨찾기 추가 / 삭제 / 리스트 보기
14. 기차역 리스트 (+메인 페이지 랜덤 5개의 기차역 리스트) / 기차역 상세 정보 / 기차역 검색
15. 커뮤니티 게시글 수정 / 삭제 / 검색
16. 댓글 생성 / 수정 / 삭제 / 리스트 보기
17. [클라이언트] 지도 파일 작업 및 지도 줌 & 아웃 기능

팀원 : 허지성

Role : Team Member
Position : Back-end
Stack : node.js, express, request.js, JWT, mongoDB, mongoose, AWS EC2
Works :
1. Database Schema 설정
2. Database Detail 설정
3. Route 설정
4. 구글 토큰을 사용하여 로그인 및 회원가입 구현
5. 계획 생성 / 삭제 / 수정 / Todo 리스트 보기 구현
6. 커뮤니티 게시글 생성 / 리스트 보기 / 게시글 보기 구현
7. 추천 코스 리스트 보기 / Todo 리스트 보기 구현
8. AWS EC2 Server 배포
9. RDS 사용하지 않고 AWS EC2에 Database(MongoDB) 설치 및 구동
10. API Docs 생성

9. License

이 코드는 MIT의 라이센스에 따라 사용이 가능합니다.

trisha-park / awt Goto Github PK

awt's Introduction