# 🔰 모여봐요 스터디숲🔰 - 2주차 진행 내용

> 스터디, 공모전을 위한 그룹핑 서비스

<img src="https://user-images.githubusercontent.com/57428261/127773776-91a78dd0-5811-4426-9f1a-3f1bd97ed03e.png" width="350"/>

## ✋ 참여자
**<2주차>**
| J024 | J055 | J146 | J178 | J212 | S023 | S041 |
| :----: | :----: | :----: | :----: | :----: | :----: | :----: |
| 김미정 | 김주혜 | 이영범 | 장진희 | 표석훈 | 사연진 | 이승준 |

## :mag_right: UI

1. **로그인**

| 구글 로그인 |
| :----: |
| <img src="https://user-images.githubusercontent.com/55688122/127772533-346c81e9-a0af-4eb9-8848-456d66114cf8.png" width="250"/> |

* 로그인 기능을 연결할 수 없어서 UI만 구현해놓은 부분

| 로그인 | 회원가입 |
| :----: | :----: |
| <img src="https://user-images.githubusercontent.com/55688122/127772608-380d19f1-de3e-436c-aaa3-661d07731f69.png" width="250"/> | <img src="https://user-images.githubusercontent.com/55688122/127772651-df6270aa-b81d-41bf-ab20-948c4d58b2f2.png" width="250"/> |

2. **홈**

| 메인 화면 |
| :----: |
| <img src="https://user-images.githubusercontent.com/55688122/127773655-51a4823b-5f38-4a06-a45a-c7facfb88fbc.png" width="250"/> |

3. **기능**

| 스터디 등록 | 채팅 입력 | 입력 확인 (Dummy) |
| :----: | :----: | :----: |
| <img src="https://user-images.githubusercontent.com/55688122/127772398-080a6e71-213a-4101-ad54-8ed0b7245d75.png" width="250"/> | <img src="https://user-images.githubusercontent.com/55688122/127773613-0c55b223-7ed9-4614-ad4d-be89b61ed3e5.png" width="250"/> | <img src="https://user-images.githubusercontent.com/55688122/127773623-c03c6102-0b96-436f-afec-8131743d3482.png" width="250"/> |

| 스터디 추천 | 스터디 추천 세부 목록 |
| :----: | :----: |
| <img src="https://user-images.githubusercontent.com/55688122/127773542-c58d0915-b353-48bf-93a7-5bf8cb9822ae.png" width="250"/> | <img src="https://user-images.githubusercontent.com/55688122/127773564-c2371093-ae7e-42de-981b-13bbc98d822a.png" width="250"/> |

4. **마이페이지**

| 마이페이지 | 스터디원 평가 |
| :----: | :----: |
| <img src="https://user-images.githubusercontent.com/48876807/127747927-d892e27f-7f07-488b-bef1-33b1ae1e0e9b.png" width="250" /> | <img src="https://user-images.githubusercontent.com/48876807/127747928-f5a31738-f9f3-47bb-8614-599eb8c6374c.png" width="250" /> |

## :electric_plug: Backend

1. **Google 계정으로 회원가입+자동 로그인 구현**

> Google 계정으로 회원가입+자동 로그인 구현

Google Firebase의 Authentication 기능을 이용하여 구글 아이디 로그인 기능을 구현했습니다.

* 구글 아이디로 로그인을 완료하면 Firebase userDB에 사용자 정보가 자동으로 저장됩니다.
* 사용자, 공모전, 채팅방 데이터베이스 생성
(사용자 테이블을 제외하고 실제로는 연결 되어있지 않음.
시각적으로 보이는 데이터는 이해를 돕기 위한 Dummy Data 입니다.)

| 구글로 로그인 하기 |
| :----: |
| <img src="https://user-images.githubusercontent.com/57428261/127688147-209b61c4-88c1-4ecc-ac03-0df88c542801.png" width="600" />
| **사용자 데이터베이스 (구글계정)** |
||
| **공모전 데이터베이스 (연결X)** |
||
| **채팅방 데이터베이스 (연결X)** |
||
|

2. 마이페이지 정보 조회 구현 및 로그아웃

> 마이페이지에서 로그인한 사용자 정보를 조회

> 로그아웃 버튼을 클릭 시 초기 로그인 화면으로 이동

| 마이페이지 | 로그아웃 클릭 시 |
| :----: | :----: |
| <img src="https://user-images.githubusercontent.com/55688122/127773187-e51f34fe-4b63-4ba3-926b-823fd3dac46e.png" width="250" /> | <img src="https://user-images.githubusercontent.com/57428261/127688176-38a4beba-e2f5-463e-8f02-75ecb8f1a797.png" width="250"/> |

## :fire: Firebase 설정

### :point_right: Firebase 관리자 Google 계정 정보

id: [e-mail]
password: relay132021

### :point_right: sha-1 key 추가 방법

1. **로컬에서 sha-1값 확인**

cmd에서 C:\Users\{username}\.android로 이동

keytool -list -v -keystore debug.keystore -alias androiddebugkey -storepass android -keypass android


2. **sha-1 추가**

프로젝트 설정->일반->디지털 지문 추가

3. **google-service.json**

파일 다운 후 android/app/에 추가

### :point_right: chrome으로 web 환경 실행 시 주의점

- 5000번 port로 접속권장

flutter run --no-sound-null-safety -d chrome --web-hostname localhost --web-port 5000