To Zero

퀴즈를 통해 향하는 너와 나 사이의 거리 0km, To Zero

친해지고 싶지만 계기와 명분이 부족한 이들에게, 성향 퀴즈 문답을 통해 상대방을 알아가며 최종적으로 친해질 기회를 마련해주는 서비스

✨ 주요 기능

1️⃣ 내 퀴즈 만들기

내 취향 관련 퀴즈를 만들어 다른 사용자들이 풀도록 하고, 다 맞춘 상대방의 정보를 볼 수 있다.

2️⃣ 다른 사람 퀴즈 풀기

친해지고 싶은 사람의 퀴즈를 풀고, 다 일치하면 상대방에게 내 이름과 인스타 아이디를 전달 할 수 있다.

👥 Team

gudusol	ExceptAnyone	sinji2102
유태승	장정안	윤신지
메인 페이지 마이페이지 결과 확인 페이지	로그인/회원가입	퀴즈 생성 페이지 퀴즈 푸는 페이지

🛠 기술스택

📄 컨벤션 및 브랜치 전략

컨벤션

해커톤의 특성 상 빠른 작업을 위해, css 컨벤션 등은 따로 정하지 않았습니다.

커밋 컨벤션	용도
feat	새 기능 추가
fix	오류 수정
chore	간단한 수정 및 파일 추가
refactor	리팩토링
style	코드 스타일 수정

브랜치 전략

브랜치 또한 해커톤의 특성에 맞춰 빠른 개발을 위해 기능별로 브랜치를 작업하지 않고 한 사람 당 한 개의 브랜치를 가지고 작업하기로 결정하였습니다.

같은 이유로, PR을 작성하지 않는 동시에 develop에서 merge 시 충돌을 예방하기 위해 브랜치 merge 방식을 정하였습니다.

1. 각자 이름 브랜치에서 작업
2. 작업 완료 후 develop → 이름브랜치 방향으로 머지
3. 2번 과정에서 충돌이 생기면 충돌 처리(각자 이름 브랜치에서 충돌 처리)
   1. 충돌 처리 중 다른 사람이 머지했을 수도 있으므로 혹시모르니 develop → 이름 한번 더
4. 이름브랜치 → develop 머지

브랜치 이름	용도
main	배포용
develop	작업용
TaeSeungYoo	작업용 - 유태승
JeongAnJang	작업용 - 장정안
SinJiYun	작업용 - 윤신지

📁 폴더 구조

📦public
 ┣ 📂svg
 ┃ ┣ 📜ic_artist1.svg
 ┃ ┣ 📜ic_background.svg
 ┃ ┣ 📜ic_brunch-logo.svg
 ┃ ┣ 📜ic_logo.svg
 ┃ ┣ 📜ic_main-icon.svg
 ┃ ┣ 📜ic_result-img.svg
 ┃ ┣ 📜ic_retry-img.svg
 ┃ ┗ 📜ic_subscribe.svg
 ┗ 📜vite.svg
📦src
 ┣ 📂apis
 ┃ ┣ 📂article
 ┃ ┃ ┣ 📜getArticle.ts
 ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┗ 📜postArticle.ts
 ┃ ┣ 📂member
 ┃ ┃ ┣ 📜deleteMember.ts
 ┃ ┃ ┣ 📜getMember.ts
 ┃ ┃ ┣ 📜getMemberDetail.ts
 ┃ ┃ ┣ 📜getPasswordCheck.ts
 ┃ ┃ ┗ 📜index.ts
 ┃ ┣ 📂quiz
 ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┣ 📜postCheckQuiz.ts
 ┃ ┃ ┗ 📜postQuiz.ts
 ┃ ┗ 📜index.ts
 ┣ 📂assets
 ┃ ┣ 📂svg
 ┃ ┃ ┣ 📜IcArtist1.tsx
 ┃ ┃ ┣ 📜IcBackground.tsx
 ┃ ┃ ┣ 📜IcBrunchLogo.tsx
 ┃ ┃ ┣ 📜IcMainIcon.tsx
 ┃ ┃ ┣ 📜IcResultImg.tsx
 ┃ ┃ ┣ 📜IcRetryImg.tsx
 ┃ ┃ ┣ 📜IcSubscribe.tsx
 ┃ ┃ ┗ 📜index.ts
 ┃ ┣ 📜custom.d.ts
 ┃ ┗ 📜react.svg
 ┣ 📂components
 ┃ ┣ 📂Button
 ┃ ┃ ┗ 📜Button.tsx
 ┃ ┣ 📂funnel
 ┃ ┃ ┗ 📜Funnel.tsx
 ┃ ┣ 📂Input
 ┃ ┃ ┗ 📜Input.tsx
 ┃ ┣ 📂list
 ┃ ┃ ┗ 📜ZeroKmList.tsx
 ┃ ┣ 📂QuizBox
 ┃ ┃ ┗ 📜QuizBox.tsx
 ┃ ┗ 📜index.ts
 ┣ 📂constants
 ┃ ┗ 📜quizData.tsx
 ┣ 📂hooks
 ┃ ┗ 📜useFunnel.tsx
 ┣ 📂pages
 ┃ ┣ 📂CreateQuiz
 ┃ ┃ ┗ 📜CreateQuiz.tsx
 ┃ ┣ 📂dev
 ┃ ┃ ┗ 📜Dev.tsx
 ┃ ┣ 📂home
 ┃ ┃ ┣ 📂CheckLogin
 ┃ ┃ ┃ ┗ 📜CheckLogin.tsx
 ┃ ┃ ┣ 📂components
 ┃ ┃ ┃ ┗ 📂StartButton
 ┃ ┃ ┃ ┃ ┗ 📜StartButton.tsx
 ┃ ┃ ┗ 📜Home.tsx
 ┃ ┣ 📂login
 ┃ ┃ ┣ 📂components
 ┃ ┃ ┃ ┣ 📜ExistingPasswordInput.tsx
 ┃ ┃ ┃ ┣ 📜InstaInput.tsx
 ┃ ┃ ┃ ┣ 📜NameInput.tsx
 ┃ ┃ ┃ ┗ 📜PasswordInput.tsx
 ┃ ┃ ┗ 📜LoginPage.tsx
 ┃ ┣ 📂myPage
 ┃ ┃ ┗ 📜MyPage.tsx
 ┃ ┣ 📂ResultQuiz
 ┃ ┃ ┗ 📜ResultQuiz.tsx
 ┃ ┣ 📂RetryQuiz
 ┃ ┃ ┗ 📜RetryQuiz.tsx
 ┃ ┣ 📂SolveQuiz
 ┃ ┃ ┗ 📜SolveQuiz.tsx
 ┃ ┣ 📂SolveQuizRetry
 ┃ ┃ ┗ 📜SolveQuizRetry.tsx
 ┃ ┗ 📜index.ts
 ┣ 📂styles
 ┃ ┣ 📜emotion.d.ts
 ┃ ┣ 📜generator.ts
 ┃ ┣ 📜global.ts
 ┃ ┣ 📜reset.ts
 ┃ ┗ 📜theme.ts
 ┣ 📂typings
 ┃ ┗ 📜commonType.ts
 ┣ 📂utils
 ┃ ┣ 📜error.ts
 ┃ ┗ 📜util.ts
 ┣ 📜App.tsx
 ┣ 📜main.tsx
 ┣ 📜routes.tsx
 ┗ 📜vite-env.d.ts

우리조 그라운드 룰

1. 서로에게 상처가 되지 않도록 둥글둥글하게 말하기!
2. 모르는게 있으면 바로바로 물어보고, 상세하게 설명해주기!
3. 쫄지말고 적극적인 의견을 제시하기!
4. 재밌게 진행하기!

새싹 웨비 Before and After

Before

After