# JunctionX Seoul 2020

Team Code = A7yc02-pT

## Finished

[Mission 1,2,3](/AEbM8SO_Q5udBhyTXJB_UQ)
[데모를 위한 HTML들](/NnEPAi5vTiqStOb3f42ViQ)


### Mission 4 (내일 오후 3시 제출)
#### Name
MEEZ, meet new you

#### Punchline
(A short and sweet description of what your project is about. Max 300 characters.)

온라인 환경에서 학교 친구들과 그룹을 만들어 서로의 일상을 공유하고 피드백을 주고받아 제페토에서 생산적인 활동을 할 수 있는 플랫폼 구축

Not only remained as online service, MEEZ is a social networking platform that connects online and offline world by providing productive, challenging, interactive way of group activities.

---------------------------------------------------

#### Description
(Describe the problem it solves
What real world impact it has
What technologies you used to make it
Future planes egarding the project)

Our service, MEEZ, means you can meet a lot of yourselves, like there are many "me"s in ZEPETO world.Online world has advent and more young people are making their new identities in this new world. Through MEEZ, online and offline lives are collaborated, make users do positive, progressive work within each group, feel they are always together.

(Background&Problem)
In ZEPETO world, it is hard to recognize user's real friends and it makes them hesitate to share their real lives and communicate heart to heart. This entertainment oriented socail networking service is not attractive to young people who desire to develop themselves, grow up together or live healthy lives.

Because of COVID-19, students are taking online classe, and want to make friends with whom they can socialize, study together, share their thoughts like they originally did in offline classes. However, ZEPETO does not offer productive way of group working that enables users to connect online life with their offline lives, actually promote their growth and feel like they are living a wholesome life.
Instead, ZEPETO is single player oriented, and somehow force users to find groups and join them if they want to make friends and socialize.

(Solution)
1. Feedback system
Young people grow up when there is feedback from people around themselves.
2. Automatic grouping system
By groupig users along with their school or common interest, a user can reveal more of themselves as they know whom they are interacting with in real world.
3. Setting everyday goals and challenge!
Each group set everyday goals(or quest) that the members can achieve together, enjoy challenging and feel they are not alone even in quarantine situation.

This kind of feedback and interaction satisfies young people's needs that they want to grow up, make good habbits and listen to their peers.

(Tehcnologies)
For developing our ideas, we use figma,
Our goal is to make social networking webservice which interlock with ZEPETO. Backend server build with nodejs and express, and construct database with MySQL with sequelize. Frontend is developed with Vue, using axios for api calling, and vuetify for material design to make the web harmonize with ZEPETO. As ZEPETO is 3D based, movement of avatar, slides and posing can also be implemented by 3D.

(Impact)
For early 20s who enter colleges and have a lot of team work and remote activities, our team expect MEEZ to provide productivity and entertainment at the same time that can be bridge between online and offline lives. We've targeted young college students because current main users of ZEPETO is teenage girls, and we don't want to lose these royal users who share their memories and childhood with ZEPETO.
Feedback and posting from peers provides opportunity to review one self and this kind of positive stimulations will make people think doing ZEPETO means that you are actually socializing with people, narrowing down the gap between the online and offline lives.




## In progress

[시장조사](/R8zqSzlTT52-dKGXvcBHqA) -> 승희
[Figma Design](https://www.figma.com/file/jiJMHGdtiqfy3kegeDkTcr/JunctionX-Perfume)
[DB](https://hackmd.io/-9smvF15SRqnHFJKBxPWyg)

[발표자료](https://docs.google.com/presentation/d/1hPrWtIb5YLntWKPNYGzgrRhsUwVMC73PRSJnGUzB9JQ/edit?usp=sharing)

## ZEPETO API
[공식 도큐먼트](https://zepeto-api.firebaseapp.com)
[Swagger UI](http://render-api.zepeto.io/v2/swagger/#/graphics/post_graphics__serviceName__booth)

## Hashcode for Zepeto
### Hash Code
+ YJ: EDF742
+ YR: 5TXFVD
+ TW: FY7O5S
+ JH: 91RJLI
+ SH: JLTUZ5
### Booth
+ Defalut Booth : PHOTOBOOTH_ONE_1
## 계획

- 협업 툴
- 깃헙의 웹훅을 이용해서 풀리퀘스트 같은 거 하면 시각적 피드백
- A가 pr하면 A 화면에 pr에 대응되는 알림이 활성화된다거나 하는 형식
- https://render-cdn.zepeto.io/20201009/12/39mqKIscVoDtGWeGBe

## 참고자료
- [WebRTC Application Reference](https://www.youtube.com/watch?v=m9QxBc0OeoI&t=146s) (첫 4분만 보면 될 것 같습니다!)

- [Zoom Clone](https://www.youtube.com/watch?v=DvlyzDZDEq4&t=1516s) <- WebRTC API를 프론트에서 어떻게 활용하는지 좋은 레퍼런스. 깃허브에 코드도 있으니 참고하면 좋을 듯

- [웹 웜홀](https://webwormhole.io/) 홈페이지 하단에 깃허브 주소 있음. 이걸 시스템 트레이를 활용해 쉽게 활용할 수 있다면 좋을 것 같음.

- [WebRTC Shocase](https://www.youtube.com/watch?v=3fRw4uKakLM&t=1377s) 22:25 부터 쇼케이스가 나오는데, WebRTC로 어떤 걸 사람들이 하는지 영상으로 보여줌

- [WebRTC Hacks](https://webrtchacks.com/): 웹알티시로 하는 흥미로운 프로젝트들을 모아놓은 곳

- [네이버 FE 오픈소스 라이브러리](https://naver.github.io/egjs/): 네이버의 프론트엔드 오픈소스 라이브러리! 깔끔하다 !
- [egjs-vue](https://github.com/naver/egjs-infinitegrid/tree/master/packages/vue-infinitegrid)

- [Vue를 Express와 함께 쓰는 방법](https://medium.com/hivelab-dev/vue-express-mysql-part1-98f68408d444)

- [제페토 기사 1](https://www.mobiinside.co.kr/2020/07/09/appape-zepeto/)

- [제페토 기사 2](https://ko.lab.appa.pe/2019-01/zepeto.html)