스파르타 코딩클럽 내일배움캠프 본캠프 10주차 아웃소싱 프로젝트 - React A반 1팀 : 공주들

공주들 [성격에 따른 충남 '공주' 문화 관광 추천 테스트]

스파르타코딩클럽 6기_React / 23.07.17 ~ 23.07.21

팀원

팀원	팀원구분	깃허브	블로그
이소영	팀장	https://github.com/ddooo00	https://blog.naver.com/ddooo__ding
이수진	팀원	https://github.com/leesoojinn	https://soozin.tistory.com/
이우정	팀원	https://github.com/Passionhruit	https://passionfruit6.tistory.com/
장혜진	팀원	https://github.com/huizhenz	https://velog.io/@hhjj0513
정송주	팀원	https://github.com/songjuu	https://url.kr/7el1hu (노션)

목차

• 1. 팀 과제 소개
• 2. 팀 과제 주소
• 3. 기술스택
• 4. 사용한 라이브러리
• 5. 사용한 API
• 6. 버전 관리 시스템
• 7. 협업툴
• 8. 구현기능

1. 팀 과제 소개

React를 활용한 성격에 따른 충남 '공주' 문화 관광 테스트 사이트입니다.

메인 페이지에서 로그인을 해야만 테스트가 가능하고 커뮤니티 댓글도 작성할 수 있습니다.

테스트 질문은 총 10개며 타입은 5개 타입으로 구성되어 있습니다.

테스트가 끝난 후 결과에 맞는 타입이 보여지고 그에 맞는 설명과 충남 공주 문화 관광 추천을 해줍니다. 문화 관광 추천은 상세 보기를 눌러 내용을 더 자세히 볼 수 있습니다.

커뮤니티 페이지에는 유저들이 테스트한 결과를 차트로 확인할 수 있고 자유롭게 의견을 나눌 수 있는 댓글 작성 공간을 만들었습니다.

2. 팀 과제 주소

https://github.com/ddooo00/outsourcing_gongju

배포: https://outsourcing-gongju.vercel.app

3. 기술스택

• Javascript
• html/css
• react

4. 사용한 라이브러리

• react-query
• react-router-dom
• axios
• json-server
• react-share
• Firebase
• react-paginate
• recharts
• react-kakao-maps
• styled-component
• styled-reset

5. 사용한 API

• Kakao API

6. 버전 관리 시스템

• Git/Github

7. 협업툴

• Visual Studio
• Slack
• figma
• google sheets

8. 구현 기능

1) 메인 페이지

2) 로그인/회원가입 창

3) 테스트 페이지

4) 결과 페이지

5) 결과 페이지- 상세 보기

6) 커뮤니티(결과 차트, 댓글) 페이지