해커톤 4조 레파짓

실행 방법

-> yarn start  
-> 환경변수 설정 방법  

.env파일에
REACT_APP_KAKAOMAP_API_KEY = 카카오 맵 apikey 
REACT_APP_ROUTE_API_KEY = 카카오 모빌리티 apikey 
REACT_APP_HOSPITAL_URL = 현재 서버가 비활성화 상태입니다.
REACT_APP_AIDINFO_URL = 현재 서버가 비활성화 상태입니다.

주요기능

위치 및 증상 기반 응급실 정보 렌더링

조건에 부합한 응급실 리스트

사용 위치부터 선택한 응급실 까지의 경로 추천

해당 응급실에 전화 연결

Commit convention

Feat: 새로운 기능 추가
Fix: 버그 수정
Docs: 문서,주석 수정
Style: 코드 포맷 변경, 세미콜론 누락, 코드 변경 없음
Refactor: 프로덕션 코드 리팩터링
Test: 테스트 추가, 테스트 코드 리팩터링, 프로덕션 코드 변경 없음
Chore: 빌드 테스크 업데이트, 패키지 매니저 환경설정, 프로덕션 코드 변경 없음
Merge : 합병 및 깃 충돌 해결 커밋 메시지

Branch convention

기능 구현 -> Featuring_컴포넌트명 or 페이지명
스타일링 -> Styling_컴포넌트명 or 페이지명
테스트 -> Testing_컴포넌트명 or 페이지명

스택

사용언어 -> Html, Javascript, scss

프레임워크 -> React

라이브러리 -> react-router, scss, dotenv, recoil, react-icons, axios, react-transition-group

사용 API -> Geo Location, Kakao maps, Kakao mobility

폴더구조는 다음과 같습니다.

src
├── Atoms -> 필요 정보들은 모두 전역 상태로 관리하려고 합니다.
│   └── atoms.js
│
├── Components
│   ├── AidInfo.js
│   ├── Detailinfo.js
│   ├── DropBox.js
│   ├── Info.js
│   ├── LoadRoute.js
│   ├── Select.js
│   ├── MapBox.js
│   ├── Notice.js
│   └── Title.js
├── Datas
│   ├── call.png
│   ├── image.jpg
│   ├── locationData.js
│   └── marker.png
├── Pages
│   ├── DetailPage.js
│   ├── FirstAidPage.js
│   ├── ListPage.js
│   └── MainPages.js
├──Syltes 
│   
└── else