코드잇 부트캠프 스프린트 프론트엔드 6기 : Part2 10팀 1차 프로젝트
어릴 적 써봤던 롤링페이퍼를 온라인으로 쉽게 작성할 수 있는 서비스입니다.
로그인 없이 나만의 롤링페이퍼를 생성하고, 해당 링크를 나에게 메시지를 남겨줬으면 하는 사람에게 공유할 수 있습니다.
롤링페이퍼에 글을 남기고 싶은 사람은 수신자에게 메시지를 쓸 수 있고, 헤더의 이모지를 추가해 수신자에 대한 감정을 표현할 수 있습니다.
배포 사이트 | 협업 노션 |
![](https://private-user-images.githubusercontent.com/64190056/331169875-31f0b6b3-2b6c-490e-9a64-38e9f2773c1e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ0MzgwODksIm5iZiI6MTcyNDQzNzc4OSwicGF0aCI6Ii82NDE5MDA1Ni8zMzExNjk4NzUtMzFmMGI2YjMtMmI2Yy00OTBlLTlhNjQtMzhlOWYyNzczYzFlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIzVDE4Mjk0OVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdjZmI0NzBhNjcyYjYyNjEwZGEyZmNmNDAyY2NhMTE2ZjgyN2I1ZWVjOGVjZjUwNjMzY2JhYTg1MmFlMDljM2UmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.5jvC-Rs5T7a01pUMs2VuqD2gMTdA_Yiry0mGt4vLNFM)
![](https://private-user-images.githubusercontent.com/64190056/331170480-2d18eda8-dfad-405a-8e12-0e2a0d325c49.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ0MzgwODksIm5iZiI6MTcyNDQzNzc4OSwicGF0aCI6Ii82NDE5MDA1Ni8zMzExNzA0ODAtMmQxOGVkYTgtZGZhZC00MDVhLThlMTItMGUyYTBkMzI1YzQ5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIzVDE4Mjk0OVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPThlN2MyMzc4MThkMjBlMTlhOTA1YjNkZDMwNGFlNmNkN2QzNTAzNmJhMTljNDdhMzMzYjFiOGRmNTUzZDljZDMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.hsjCYassIQIR0HDq7XJh68DdOvM7titDX8ZUKTDuPTY)
![](https://private-user-images.githubusercontent.com/64190056/331171780-36ff03cf-1251-4b1c-a43f-a6b63c4b6ef1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ0MzgwODksIm5iZiI6MTcyNDQzNzc4OSwicGF0aCI6Ii82NDE5MDA1Ni8zMzExNzE3ODAtMzZmZjAzY2YtMTI1MS00YjFjLWE0M2YtYTZiNjNjNGI2ZWYxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIzVDE4Mjk0OVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdlNDI1NWVjN2E5YzI1YmNmZmZmZTViNWUxMDNkNjkxZTdhNTdjNDZmYmQwNThmZmUwZDQ2ZWI4NDMzMDA0OGEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.RMRiBjgSEFedLVK4jTaxxsUs0B_eotsi-UPofHjifPc)
팀원 | 역할 | 개발 내용 |
---|---|---|
곽서연 | 발표자료 제작 | 메시지카드/리스트, 글로벌헤더 |
김영운 | 발표 | 메인페이지, 롤링페이퍼 생성폼, 공용 버튼 UI |
김용인 | 시연영상 제작 | 롤링페이퍼 헤더, 카카오 SDK 공유 기능 |
김지윤 | 팀장&PM | API 함수 모음, 메시지카드 생성폼, 롤링페이퍼 편집 기능, 다크테마 |
임진조 | 배포 | 롤링페이퍼 카드/리스트, 롤링페이퍼 헤더(Message Counter), 페이지 전환 애니메이션 |
src % tree -d
.
├── assets
│ ├── fonts
│ ├── icons
│ └── images
├── components
│ ├── animation
│ ├── layout
│ └── ui
│ ├── primary-button
│ ├── rolling-header
│ │ ├── best-emoji
│ │ ├── emoji-add
│ │ ├── emoji-drop-down
│ │ ├── message-counter
│ │ ├── profile-preview
│ │ ├── rolling-paper-name
│ │ └── share-drop-down
│ └── text
├── hooks
├── pages
│ ├── home
│ ├── message-post
│ │ └── components
│ │ ├── DropDownBox
│ │ ├── content-editor
│ │ ├── drop-down
│ │ ├── message-form
│ │ └── profile-selector
│ ├── my-paper
│ │ └── components
│ │ ├── add-message
│ │ ├── message-card
│ │ ├── message-list
│ │ ├── modal
│ │ └── my-page-header
│ ├── paper-edit
│ ├── paper-list
│ │ └── components
│ │ ├── card-list
│ │ └── rolling-paper-card
│ └── paper-post
│ └── components
│ ├── check-box
│ ├── paper-form
│ ├── select-box
│ └── toggle-button
├── services
└── styles
49 directories