/bouquet-front

부캐들의 이야기 공간, 부캐 SNS Bouquet

Primary LanguageTypeScript

💐 Bouquet : Bloom Yourself!

당신의 꿈꿔왔던, 당신만의 부캐를 꽃피워 보세요! 부캐 생성 sns, Bouquet 💐


➡️ List


💐 What is "Bouquet?"

최준과 유산슬의 공통점은 무엇일까요? 바로 '부캐'(부가 캐릭터)입니다.

대외적으로 보이는 모습이 아닌, 또 다른 모습을 만들어서 새로운 매력을 보이고 있죠!

혹시 남몰래 숨겨왔던 되고 싶은 모습이 있나요? 아니면 내가 몰랐던 나의 모습을 발견하고 싶나요?

Bouquet에선 여러분들이 생각했던 모습을 실현시킬 수 있어요! Bouquet에서 부캐를 만들어보세요 🙂

Bouquet에서 다음과 같은 것들을 지원해줘요!

  • 내 부캐에 맞는 글을 올릴 수 있도록 다양한 형식의 템플릿을 제공해요.
  • AI 기술을 통해 내가 그렸던 부캐의 모습을 구현해줘요.
  • 마음이 맞는 다른 부캐와 크루를 형성해서 내 부캐의 세계관이 확장되도록 도와줘요.
  • Localization을 통해 한국어, 영어 2가지 언어로 번역돼요.

당신의 부캐는 어떤 모습인가요? 어떤 특색을 가졌나요? 당신의 부캐와 Bouquet에서 만나길 바라며! 🥰


🛠 Main Functions

  1. Post Template

    당신을 위해서 3가지의 템플릿을 준비했어요!

    • 가수가 된 것처럼 Album 템플릿에 나만의 가사를 담아 적어보세요!
    • 오늘 하루 있었던 일을 Diary 템플릿에 그림과 함께 기록해보세요!
    • 내가 하고 있는 일들을 List 템플릿에 체계적으로 정리해보세요!
  2. Character Generation

    다양한 모습을 갖춘 당신이, 당신의 부캐를 구체적으로 그려보도록 준비했어요!

    • 당신의 부캐는 어떤 모습인지 그려보세요!
    • 부캐의 이름, 생년월일, 직업, 국적을 정해서 더 구체화시켜 보세요!
    • 내 부캐를 한 마디로 정의하자면? 좋아하는 것과 싫어하는 것은? 어떤 특색을 가진 부캐인지 그려보세요!
  3. More Q&A

    내 부캐에 대한 질문을 통해서 부캐를 좀 더 구체화 해볼까요?

    • Home Tab의 Feed 상위에 당신을 위한 질문이 준비되어 있어요!
    • 원하는 질문이 아니라면 '질문 바꾸기' 버튼을 통해서 다른 질문에 답해보세요!
    • 당신의 캐릭터 프로필에 있는 '질문' Tab으로 가서 다채로운 당신의 답변을 확인해보세요!

🌞 Workflow

  1. Welcome

    Bouquet에 오신 걸 환영합니다~! 🎉.
    바로 회원가입을 할 수 있고, 서비스에 대해 조금 더 알아보고 싶다면 '미리보기'를 눌러서 Bouquet의 기능들을 탐색해보세요!

  2. Register

    회원가입을 진행하여 Bouquet를 시작해보세요! 편하게 소셜 로그인도 가능하답니다. 🙂.

  3. Login

    계정이 있다면 로그인을 해보세요! 자동 로그인이 지원되서 한 번만 로그인 해두면 앱 사용하기 편하답니다!
    만약 비밀번호를 잃어버렸다면, 비밀번호 찾기를 눌러주세요!

  4. Tab

    총 4개의 탭으로 부캐 활동을 펼치기에 최적화된 환경을 제공하고 있어요!
    Notification 탭을 제외한 모든 탭에서 Post를 올릴 수 있는 플로팅 버튼이 있으니, 언제든지! 자유롭게! 부캐의 이야기를 담아보세요. 🙂.

    1. Home

      나와 가까운 부캐들의 새로운 소식을 피드에서 확인해보세요! 가장 상단에는 내 부캐를 위한 특별한 질문도 있으니, 답변도 해볼까요?
      (왼쪽은 비로그인 화면, 오른쪽은 로그인 화면)

      .

    2. Search

      혹시 찾는 부캐가 있나요? 현재 인기있는 Post를 보고 싶나요? Search 탭에서 검색과 탐색 모두를 할 수 있답니다!
      최근 검색어도 저장되니까 자주 찾는 걸 검색하기 편리하겠죠?

      .

    3. Notification

      띠링띠링~! 나의 부캐에게 알림이 왔어요!
      나를 팔로우 한 소식, 내 댓글에 대댓글이 달린 소식 등등 Bouquet에서 일어난 모든 소식들을 Notification 탭에서 한 번에 만나보세요!
      (왼쪽은 비로그인 화면, 오른쪽은 로그인 화면)

      .

    4. Profile

      나의 다양한 부캐들을 swipe로, grid로 한 번에 모아 볼 수 있어요! 조금 더 자세히 보고 싶다면 클릭해서 디테일한 정보를 알 수 있답니다.
      해당 캐릭터의 Post와 질답들, 캐릭터가 속한 계정을 볼 수 있고 수정이나 삭제 같은 편집도 할 수 있어요!

      .
      .

  5. Character Generation

    나만의 부캐를 만들어서 활동하고 싶나요? 간단하게 3단계를 거치면서 내 부캐를 구체화해보세요!
    실존감 있도록 내 부캐의 국적, 직업도 정할 수 있답니다. 🙂 좀 더 자세하게 내 부캐의 기호도 설정할 수 있어요!

  6. Post Writing

    내 부캐는 어떤 생각을 하고 어떤 행동을 하고 있는지 글로 남겨보세요! 마음에 드는 템플릿을 클릭하여 템플릿 형식에 맞게 부캐의 이야기를 담을 수 있답니다.
    Album, Diary, List 3가지 템플릿의 매력을 마음껏 느껴보세요!

  7. Post Detail

    관심이 가는 Post에 햇살을 주고 댓글을 달아보세요! 내 마음에 드는 글이라면 햇살 버튼을 꾸욱! 눌러서 호감을 표시하고, 나도 얘기를 덧붙이고 싶은 글이라면 댓글도 써보세요.
    댓글에도 햇살 버튼을 누를 수 있고, 댓글의 댓글도 달 수 있답니다! 다른 부캐들과 적극적으로 소통해보세요!
    (왼쪽은 타 부캐 Post 화면, 오른쪽은 내 부캐 Post 화면)

  8. Setting

    알림을 받고 싶지 않나요? 계정 정보를 편집하고 싶나요? 그렇다면 설정에서 해결해보세요!
    원하는 설정을 할 수 있고, 서비스에 대한 깊은 이해까지 할 수 있답니다.

🌵 Environment

  • Language : Typescript
  • Framework : React Native
  • State Management Library : Recoil
  • Design Pattern : Presentational and Container Component Pattern

⚙️ Dependencies

  • react : 16.13.1
  • react-native : expo SDK 42
  • styled-components : 5.3.0

🍊 Team. 달오떡 (aka. 달달한 오렌지 떡볶이)

오태진 - Team Leader, Deep-Learning Developer, Back-end Developer

고광서 - UX/UI Designer, Web Front-end Developer

김현지 - Mobile App Front-end Developer

🍰 Team. 달오떡's Mentors

방요셉 - Project-Planning Mentor

강명구 - Front-end Mentor

최호열 - Deep-Learning Mentor


✨ Project Link

Website - �웹사이트 바로 가기

AppStore - ��AppStore 바로 가기

PlayStore - PlayStore 바로 가기


🌈 Project Support

이 성과는 2021년도 과학기술정보통신부의 재원으로 정보통신기획평가원의 지원을 받아 수행된 연구임(IITP-2021-SW마에스트로과정). This work was supported by the Institute of Information & Communications Technology Planning & Evaluation(IITP) grant funded by the Ministry of Science and ICT(MSIT) (IITP-2021-SW Maestro training course).

Copyright © 2021. (Team. 달오떡) All rights reserved.