어디든 앱 개발

기술 스택 : RN, Expo, Javascript, Node.js, css

본인의 역할 : PM, 프론트엔드, 디자인

팀원 : 백엔드(1명), 프론트엔드(본인)

기존 어디든 웹 프로젝트 를 앱으로 만든 프로젝트

웹으로 구현한 기본 기능들을 바탕으로 앱만의 차별화를 두기 위해 새로운 기능들을 추가

+ 앱에서 새로 추가되는 기능

- 수익성을 고려한 광고기능
- 지역의 날씨데이터
- 지역 검색기능
- shake모션을 이용한 랜덤추천기능

---

유저플로우

api 명세서

api 명세서

와이어프레임

협업과정

- trelllo, google docs 사용

커밋컨벤션

리팩토링 (진행중..)

리팩토링 과정

예시 : 거리 선택 필터를 사용자가 이해하기 쉽도록 지도를 첨부해서 시각화함

개발 시연 영상

직접 실행 해보기

실행 방법 : expo 앱 다운로드 → 아래 qr코드를 찍어 앱을 열어준다

---

navigation 구조

RootStack
├── MainTab
│   ├── Main
│   │    ├── Home
│   │    ├── StartingPoint
│   │    ├── Filter
│   │    ├── Result,ResultMap
│   │    └── Detail
│   │
│   ├── Search
│   │    ├── SearchMain
│   │    └── Detail
│   │
│   ├── Mypage
│   │    ├── MypageMain
│   │    └── Detail
│   │
│   └── Setting
│        ├── SettingMain
│        └── About
│

---

커밋 컨벤션

feat : 새로운 기능 추가
fix : 버그 수정
docs : 문서 수정
style : 코드 포맷팅, 세미콜론 누락, 코드 변경이 없는 경우
refactor : 코드 리펙토링
test : 테스트 코드, 리펙토링 테스트 코드 추가
chore : 빌드 업무 수정, 패키지 매니저 수정