🌸나랑 벚꽃보러 가지 않을래?

애들아 놀러 가자!

✏️ 이 프로젝트를 시작하게 된 동기

봄 한정 놀러가기 서비스를 만들자.

연인 / 친구 / 가족한테 놀러가자는 메시지를 보내자!
다가오는 벚꽃 시즌을 맞이하여, 단순히 놀러가자는 것에서 그치지 않고 벚꽃 보러 가기 전부터 설렘을 주기 위해 기획하게 되었습니다.

⏳ 진행 기간

2023.02.22 ~ 2023.04.03

📃 프로젝트 진행 과정

아이디어 도출 및 팀 선정
개인별 자기소개 시간 및 팀 빌딩
프로젝트 목적과 대상을 명확히 하기 위한 지도그리기
개인별 아이디어 스케치 토론 및 PL(Project Leader), UI/UX 결정권자 선정
BDD & SDD 를 통한 설계 및 태스크 분배 (MVP)
페어 프로그래밍 짝 지정
페어 프로그래밍을 활용한 개발 진행

🤖기술 스택

📚 Frameworkes & Libraries

🔗 배포 URL

Vercel을 활용하여 배포하였습니다.

👁‍🗨 데모

Intro	초대장 작성 - 배경 선택	초대장 작성 - 캐릭터, 스티커 선택 및 위치 지정

초대장 완성	초대장 완성 - 다시 보내기	초대장 열기

⌨️ 실행 방법

모듈 설치

npm install

실행

npm run dev

배포 환경

npm bulid
npm start

🔒 팀 코드 컨벤션

💬 커밋 컨벤션

💬 Commit Type and Description

커밋명	내용
feat	파일, 폴더, 새로운 기능 추가
fix	버그 수정
docs	제품 코드 수정 없음
style	코드 형식, 정렬, 주석 등의 변경
refactor	코드 리팩토링
test	테스트 코드 추가
chore	환경설정, 빌드 업무, 패키지 매니저 설정등..
hotfix	치명적이거나 급한 버그 수정
delete	사용하지 않는 변수, 파일 etc 삭제

📦 폴더 구조

📦pages
 ┣ 📂api
 ┃ ┣ 📜hello.ts
 ┃ ┗ 📜share.ts
 ┣ 📂complete
 ┃ ┗ 📜[img].tsx
 ┣ 📂creation
 ┃ ┗ 📜index.tsx
 ┣ 📂intro
 ┃ ┗ 📜index.tsx
 ┣ 📂received
 ┃ ┗ 📜[img].tsx
 ┣ 📜_app.tsx
 ┣ 📜_document.tsx
 ┗ 📜index.tsx
 
 📦src
 ┣ 📂components
 ┃ ┣ 📂Creation
 ┃ ┃ ┣ 📂Custom
 ┃ ┃ ┃ ┗ 📜index.tsx
 ┃ ┃ ┣ 📂Display
 ┃ ┃ ┃ ┗ 📜index.tsx
 ┃ ┃ ┗ 📂PageTitle
 ┃ ┃ ┃ ┗ 📜index.tsx
 ┃ ┣ 📂ToastMessage
 ┃ ┃ ┗ 📜index.tsx
 ┃ ┣ 📜CompleteLayout.tsx
 ┃ ┣ 📜InterActionCard.tsx
 ┃ ┗ 📜Layout.tsx
 ┣ 📂constants
 ┃ ┗ 📜defaultSEO.ts
 ┣ 📂lib
 ┃ ┗ 📜firebase.ts
 ┗ 📂utils
 ┃ ┗ 📜index.ts