Skip to content

waffle-card/client

Repository files navigation

🧇 와플카드 프로젝트 소개 🗂

Intro


🧇 와플카드는?

해시태그와 카드를 활용한 익명의 관심사 소통 서비스


🚀 배포링크

https://waffle-card.com/


👨‍👩‍👧‍👧 협업 툴


🧑🏻‍💻 기술스택

  • Javascript, Typescript, React
  • Context, Recoil, Axios
  • Storybook, Emotion, Mui
  • ESLint, Prettier, Netlify

🗓 개발 기간 & 일정

  • 1차 : 2021.10.18 ~ 2021.11.08
  • 리팩토링 : 2021.02.01 ~ 진행중

프로젝트 기획 배경

사람들이 대화를 편하게 진행할 수 있는 요소가 들어간 SNS가 필요하다.

  • 익명성 : 익명으로 소통을 나누고 싶은 욕구가 있다.
  • 흥미성 : 재밌게 소통하고 싶다.
  • 캐주얼함 : 부담없이 친해질 수 있는 장치가 필요하다.
  • 유사성 : 나의 관심사로 얘기를 나누고 싶다.
  • 접근성 : 남녀노소 사용하기 쉬운 UX/UI로 누구나 대화를 온라인에서 나눌 수 있는 기회가 필요하다.

프로젝트 상세 소개

💡 핵심 기능

  1. 자신이 대화하고 싶은 키워드를 해시태그로 작성하고 이모지, 카드컬러를 선택하여 나만의 와플카드를 생성합니다.
  2. 유저 당 만들 수 있는 카드는 1개이며 와플카드 내용은 수정이 가능합니다.
  3. 홈 화면에 유저들이 만든 카드가 띄워지고, 채팅방에 참여하고 싶은 유저들은 카드를 클릭하여 대화에 참여합니다.

🙋🏻‍♂️ 타겟 유저

  • 프로그래머스 KDT 웹 프론트엔드반 프롱이들 / 약 60명(전체 수용인원)
  • 서비스 확장시 소속이 있는 20대 중후반

📍 기대 효과

프롱이들 사이에서 "익명성"을 활용하여

  1. 익명성을 갖고 속시원하게 터놓으며 소통이 가능합니다. (나쁜기억지우개방, 자랑방, 드립방, 선택장애방과 같은 다양한 컨셉의 방)
  2. 다양한 관심사를 말하면서 재미요소가 있다고 기대합니다. (이런 익명성과 자유주제 컨셉방이라는 성질과 해쉬태그와 카드라는 컨셉)

📝 서비스 흐름도

서비스흐름도


🎨 페이지 및 기능

회원가입

default.mp4

로그인

default.mp4

마이페이지

default.mp4

카드생성 및 수정

default.mp4

Home

default.mp4

채팅카드

default.mp4

반응형

default.mp4