Rolling

기획 내용: 추억의 롤링 페이퍼를 웹 상에서도 즐길 수 있는 서비스
배포 링크: https://rolling-537.pages.dev/
진행 기간: 2023.12.09~ 2023.12.22
팀원: 정용준(팀장), 이찬주, 김동빈, 안소연
기술 스택: react, react-router, scss, ky, framer-motion
협업 툴: github project, github wiki, 디스코드
프로젝트 진행 방식: 제시된 피그마 시안, api 명세 및 swagger를 바탕으로 협업을 진행

프로젝트 폴더 구조

📦src
 ┣ 📂apis
 ┃ ┣ 📂icon
 ┃ ┣ 📂post
 ┃ ┣ 📂recipients
 ┣ 📂assets
 ┃ ┣ 📜globals.scss
 ┃ ┣ 📜reset.scss
 ┃ ┣ 📜utilities.scss
 ┃ ┗ 📜variables.scss
 ┣ 📂components
 ┃ ┣ 📂common
 ┃ ┣ 📂home
 ┃ ┣ 📂list
 ┃ ┗ 📂post
 ┣ 📂constants
 ┃ ┣ 📜fontNames.js
 ┃ ┗ 📜routes.js
 ┣ 📂contexts
 ┃ ┗ 📜ModalContext.jsx
 ┣ 📂hooks
 ┃ ┣ 📂common
 ┣ 📂pages
 ┃ ┣ 📂PostIdMessage
 ┃ ┣ 📂home
 ┃ ┣ 📂list
 ┃ ┗ 📂post
 ┣ 📂queries
 ┃ ┗ 📜useIconQuery.js
 ┣ 📂utils
 ┃ ┣ 📜dateUtils.js
 ┃ ┣ 📜framerAnimation.js
 ┃ ┣ 📜iconUtil.js
 ┃ ┣ 📜kakaoShareFormatting.js
 ┃ ┗ 📜util.js
 ┗ 📜main.jsx