Skip to content

33rd-SOPKATHON-TEAM5/Client

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

울보산타

서비스 대표 이미지

”울면 안돼, 울면 안돼, 산타할아버지는 우는 아이에게 선물을 안주신대” 왜 울면 안될까요? 왜 울면 선물을 못받을까요?

우는 건 약한 거니까. 우는 건 약해보이니까. 우는 건 시끄럽고 귀찮으니까. 우는 사람들은 달래줘야 하니까. 우는 건 주변에 피해를 주는 거니깐.

하지만, 이것은 울음을 경시한 것입니다. 우는 것은 자신의 약함을 드러낼 용기가 있다는 것이고, 우는 것은 자신의 감정에 솔직했던 것입니다. 우는 사람이야말로, 누구보다 단단한 사람입니다.

울어도 돼. 우는 아이에게는 '울보산타'가 선물을 줄게. 울보산타에게 자신의 울었던 경험을 털어놓으면, 당신의 솔직했던 감정을 응원하는 선물을 제공합니다. 올해 울었던 경험을 서로 나누며, 이번 크리스마스를 좀 더 따뜻하게 보내보아요.

✨ 울보산타 주요 기능

1️⃣ 나의 운 이야기

울었던 경험 입력

울었던 경험을 작성할 수 있습니다. 글자수는 100자로 제한됩니다.

2️⃣ 울보산타의 답장

산타의 카드

울보산타가 나의 이야기를 읽고 답장을 줍니다.

3️⃣ 모두의 이야기

다른사람들의 운 경험

‘나의 운 이야기’ 에 입력된 이야기를 한번에 볼 수 있습니다.

👥 Team

깃허브계정-프로필사진
se0jinYoon
깃허브계정-프로필사진
hoeun0723
깃허브계정-프로필사진
SooY2
윤서진
왕호은
신수연
모두의 이야기 페이지
링크 공유 기능
API : 전체눈물 조회 GET
온보딩 페이지
나의 운 이야기 페이지
API : 나의 눈물 등록 POST
울보산타의 답장
화면 캡쳐 기능
API : 선물카드 조회 GET

🛠 기술스택

역할 종류
Library React
Programming Language JavaScript
Styling Styled Components
Data Fetching Data Fetching
State Management State Management
Package Manager Yarn Berry
Version Control Git GitHub

📄 컨벤션 및 브랜치 전략

5조 컨벤션 및 브랜치 전략


📁 폴더 구조

├── data.json 🗂 목 데이터 저장
|-- 📁 node_modules
|-- 📁 public
|-- 📁 src
|-- 📁 assets
       |--📁Images
       |--📁svgs
|-- 📁 components
       |--📁Apage
|-- 📁 pages
       |--📁Apage
            |--Apage.jsx
            |--Apage.style.jsx
|-- 📁 styles
|-- 📁 utils 
|-- 📁 hooks
|-- App.jsx
|-- main.jsx
|-- Router.jsx
|-- .gitignore
|-- [README.md](http://readme.md/)
|-- package.json
|-- yarn.lock

웨비 Before and After

Before

웨비 팀원들 사진 (before)

After

IMG_0167