g0-100

당신의 0일 탈출, 1일 시작을 위한 연애 채팅 시뮬레이터

✨ 상황선택에따른 연애 시뮬레이션

1️⃣ 상황 선택

상황 상황에 따라 유저가 자신이 할 것 같은 말 선택

2️⃣ 캐릭터 선택

캐릭터 자신과 유사한 상황에 임할 캐릭터 선택

👥 Team

wuzoo	rtttr1	Bowoon1216	yarimu
최주용	김규홍	정보운	이예림
채팅 화면 구현	상황 선택 화면 구현	고백 모달 구현, 결과 화면 구현	스플래쉬 화면 구현, 캐릭터 선택 화면 구현

🛠 기술스택

category	stack
Common	yarn, prettier
Language	JavaScript
Build	Vite
Framework	React
Style	styled-components
Data Fetching	Axios
Deployment	Vercel
Collaboration	notion, Figma

📄 컨벤션 및 브랜치 전략

📁 폴더 구조

|-- 📁 node_modules
|-- 📁 public
|-- 📁 src
	|-- 📁 assets
	|      |--📁imgs
	|      |--📁svgs
	|-- 📁 api
	|      |-- member.js
	|      |-- reservation.js
	|-- 📁 components
	|      |--📁commons
	|         |-- 📁Button
	|             |-- Button.jsx
	|             |-- Button.style.js
	|      |--📁domain
	|-- 📁 constanjs
	|      |-- index.js (상수 데이터 많다면 분리)
	|-- 📁 hooks
	|      |-- 📁 commons
	|          |-- useOverlay.js
	|      |-- 📁 apis
	|          |-- useMyReservations.js
	|-- 📁 pages
	|      |--📁APage
	|		   |-- Apage.jsx
	|		   |-- Apage.style.js
	|      |--📁BPage
	|      |--📁CPage
	|-- 📁 router
	|      |-- router.jsx
	|-- 📁 styles
	|      |-- theme.js
	|      |-- GlobalStyle.js
	|-- 📁 utils
	|      |-- index.js
	|-- App.jsx
	|-- main.jsx
|-- .eslintrc.json
|-- .prettierrc
|-- .gitignore

우리조 그라운드 룰

1. 졸리면 같이 웃기 😄
2. “졸리다”, 하품 소리 내서 ← ❌
3. 질문해도 예민하게 받아들이지 않기
4. “청유형”으로 말하기
5. 화내지 않기, 둥근 말투

새싹 웨비 Before and After

(역할분담)

Before

After