🎈 프로젝트 이름 : 굿닥터

👨‍👩‍👦‍👦 팀원소개

👦 김지효(팀장/Frontend) : Front 디자인, 피드

🧑 문용호(CTO/Backend) : AWS 배포, QR 코드 기능

🧔 김종관(Frontend) : Front 디자인, DB전처리

🧑 김대용(Backend) : SNS 로그인, 카카오 맵

🧒 방승환(Backend) : SNS 로그인, 페이징

📖 프로젝트 소개

누구나 한번 쯤 병원을 찾고자 할때 어떠한 병원이 좋은 병원인지 단순하게 블로그등에 있는 리뷰만을 믿고

찾아갔다가 낭패를 본 경험이 있을것이다. 이러한 피해자들이 생기지 않도록 실제 사용자들이 병원을 방문하고

신뢰성 있는 리뷰 작성을 통해 사용자간의 정보공유가 가능한 SNS를 만들고자 한다. 이러한 신뢰성의 근거로

우리는 QR코드를 사용하고자 한다. 기존에 있던 병원에 대한 리뷰 시스템이 없던것은 아니다 하지만 단순하게

병원진료 후의 영수증 사진을 업로드하고 눈으로 확인하는 정도의 방식이기에 리뷰에 대한 신뢰성이 100%라고는

말할 수 없다. 하지만 QR코드를 진료 후 스캔을 통해 해당하는 회원에 대해서만 리뷰를 작성하도록 만들어 준다면

QR코드를 받은 회원이 자신의 계정을 통해서만 리뷰를 작성할 수 있기 때문에 좀 더 확실한 신뢰성을 부여할 수 있다.

이외에도 사용자에게 병원에 대한 정보 및 위치를 얻기 편하도록 여러가지 기능들이 추가되있다.

💻 사용언어, 기술스택

🎮 프로젝트 사용법

IDE

VSCode
STS

저장소 클론하기

깃 저장소를 로컬에 복사합니다.
git clone https://lab.ssafy.com/s03-webmobile2-sub2/s03p12a307.git

Frontend

npm i
npm run serve -- --port 3000

Backend

git clone 이후, STS에서 File -> Open Projects from File System -> skeleton-back을 import하고 Finish
skeleton-back 패키지 우클릭 -> run as -> Spring Boot App

📜 기획

와이어프레임

이동하기

ERD (추후 수정 요망)

이동하기

---

📕 서비스 설명

폴더 구조 - Frontend

📦src
 ┣ 📂api
 ┃ ┗ 📜UserApi.js
 ┣ 📂assets
 ┃ ┣ 📂css
 ┃ ┃ ┣ 📜common.scss
 ┃ ┃ ┣ 📜feed.scss
 ┃ ┃ ┣ 📜feedModal.scss
 ┃ ┃ ┣ 📜main.css
 ┃ ┃ ┣ 📜style.scss
 ┃ ┃ ┗ 📜user.scss
 ┃ ┣ 📂images
 ┃ ┃ ┣ 📂hospital
 ┃ ┃ ┃ ┣ 📜hospital1.png
 ┃ ┃ ┃ ┣ 📜hospital10.png
 ┃ ┃ ┃ ┣ 📜hospital11.png
 ┃ ┃ ┃ ┣ 📜hospital12.png
 ┃ ┃ ┃ ┣ 📜hospital13.png
 ┃ ┃ ┃ ┣ 📜hospital14.png
 ┃ ┃ ┃ ┣ 📜hospital15.png
 ┃ ┃ ┃ ┣ 📜hospital16.png
 ┃ ┃ ┃ ┣ 📜hospital17.png
 ┃ ┃ ┃ ┣ 📜hospital18.png
 ┃ ┃ ┃ ┣ 📜hospital2.png
 ┃ ┃ ┃ ┣ 📜hospital3.png
 ┃ ┃ ┃ ┣ 📜hospital4.png
 ┃ ┃ ┃ ┣ 📜hospital5.png
 ┃ ┃ ┃ ┣ 📜hospital6.png
 ┃ ┃ ┃ ┣ 📜hospital7.png
 ┃ ┃ ┃ ┣ 📜hospital8.png
 ┃ ┃ ┃ ┗ 📜hospital9.png
 ┃ ┃ ┣ 📜check_b.png
 ┃ ┃ ┣ 📜check_w.png
 ┃ ┃ ┣ 📜feed-sample.jpg
 ┃ ┃ ┣ 📜img-placeholder.png
 ┃ ┃ ┣ 📜logo.png
 ┃ ┃ ┣ 📜profile_default.png
 ┃ ┃ ┣ 📜select-arrow.png
 ┃ ┃ ┗ 📜welcome.png
 ┃ ┗ 📜logo.png
 ┣ 📂components
 ┃ ┣ 📂accounts
 ┃ ┃ ┗ 📂snsLogin
 ┃ ┃ ┃ ┣ 📜Google.vue
 ┃ ┃ ┃ ┗ 📜Kakao.vue
 ┃ ┣ 📂css
 ┃ ┃ ┗ 📂feed
 ┃ ┃ ┃ ┗ 📜feed-item.scss
 ┃ ┣ 📂feed
 ┃ ┃ ┣ 📜FeedItem.vue
 ┃ ┃ ┗ 📜FeedModal.vue
 ┃ ┣ 📜errorPage.vue
 ┃ ┣ 📜NavigationBar.vue
 ┃ ┗ 📜PageNotFound.vue
 ┣ 📂router
 ┃ ┗ 📜index.js
 ┣ 📂util
 ┃ ┗ 📜http-common.js
 ┣ 📂views
 ┃ ┣ 📂accounts
 ┃ ┃ ┣ 📜changePassword.vue
 ┃ ┃ ┣ 📜findPassword.vue
 ┃ ┃ ┣ 📜Login.vue
 ┃ ┃ ┗ 📜Signup.vue
 ┃ ┗ 📂feed
 ┃ ┃ ┗ 📜IndexFeed.vue
 ┣ 📂vuex
 ┃ ┣ 📜actions.js
 ┃ ┣ 📜getters.js
 ┃ ┣ 📜mutations.js
 ┃ ┗ 📜store.js
 ┣ 📜App.vue
 ┗ 📜main.js

폴더 구조 - Backend

📦src
 ┣ 📂main
 ┃ ┣ 📂java
 ┃ ┃ ┗ 📂com
 ┃ ┃ ┃ ┗ 📂web
 ┃ ┃ ┃ ┃ ┗ 📂curation
 ┃ ┃ ┃ ┃ ┃ ┣ 📂config
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜SwaggerConfig.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂account
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜AccountController.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂feed
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜FeedController.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂dao
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂user
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜FeedDao.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜UserDao.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂model
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂user
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜AuthenticationRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜ChangepwdRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜Feed.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜FeedMapping.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜Hospital.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜SignupRequest.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜User.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜BasicResponse.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📜WebCurationApplication.java
 ┃ ┗ 📂resources
 ┃ ┃ ┗ 📜application.properties
 ┗ 📂test
 ┃ ┗ 📂java
 ┃ ┃ ┗ 📂com
 ┃ ┃ ┃ ┗ 📂web
 ┃ ┃ ┃ ┃ ┗ 📂curation
 ┃ ┃ ┃ ┃ ┃ ┣ 📜SkeletonTest2ApplicationTests.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📜WebCurationApplicationTests.java

📱 페이지 기능 소개

1. 코로나 바이러스(COVID-19) 국내현황

2. 병원에서 제공하는 QR코드로 리뷰 등록 (별점, 댓글, 좋아요, 이미지 등록)

3. 진료 과목별 병원찾기 (치과, 피부과, 안과 ...)

4. 지역별 찾기 (서울, 경기, 부산 ...)

5. 검색기능 (병원별, 피드별 검색)

6. 회원 정보 (SNS로그인, 비밀번호 변경, 프로필 이미지, 즐겨찾는 병원)

🔌 Contributing

Google 로그인 API

Kakao 로그인 API

QR코드 API

⭐ Develop Rules

branch

master -> develop -> frontend -> feat/기능이름
master -> develop -> backend -> feat/기능이름

merge

merge 하기 전에 서로 코드 리뷰하기
merge 후 브랜치 지우기

commit 메시지

Emoji / 커밋내용(영문,70자 미만) / JIRA ISSUE No.

개발 컨벤션

Upper, Lower Camel Case

ChangePassword.vue, EmailCheck.vue, AccountController.java ...
findUserAndPassword(), searchFeedsByHospitalId() ...

📆 개발일정