Front End

스트링캣 😸

- 함께 문장을 이어가는 롤링페이퍼

---

💬 프로젝트 소개

스트링캣 - 함께 문장을 이어가는 롤링페이퍼

안녕하세요. 스트링캣은 C언어 함수인 strcat에서 영감을 받아 제작된 롤링페이퍼 서비스입니다.

스트링캣을 이용해서 친구들과 함께 다양한 이야기를 기록으로 남겨보세요.

👉 웹사이트 둘러보기

🛠 기술 스택

협업 툴

• Figma

• Confluence

• Git

개발 기술

• React

• NextJS

• TailwindCSS

• Typescript

• Recoil

• Vercel Deploy

🧑‍💻 멤버

멤버	역할
박기선 (kipark)	인터페이스 및 스크롤 이벤트, 팀장
김희선 (heeskim)	작성페이지,layout
오도경 (dokoh)	생성페이지, 메인페이지, 로그인페이지
정솔 (soljeong)	조회페이지, 모달, layout
전체	기획, 디자인 반영, 운영

💻 페이지 및 기능 소개

• 홈

  • 스트링캣이 어떤 서비스인지 나타내는 메인 화면입니다. 글을 작성하지 않아도 어떻게 작동하는지 간략하게 확인할 수 있습니다.
  • 시작하기 버튼을 클릭하면 로그인 되지 않았을 때, 로그인 화면으로 이동하고 로그인 되어있다면, 롤링페이퍼 생성 화면으로 이동합니다.

• 로그인

  • 카카오, 구글 OAuth 로그인을 통해 로그인이 가능합니다.

• 롤링페이퍼 만들기

  • 여러 테마중 마음에 드는 테마를 선택할 수 있습니다.
  • 롤링페이퍼 제목을 작성할 수 있고, 하단 메뉴에서 추천 제목을 선택할 수도 있습니다.

• 롤링페이퍼 조회

  • 생성 이후 비어있는 롤링페이퍼에서는 첫 문장을 기다리고 있다는 문구가 표시됩니다.
  • 이후, 작성된 글이 존재하면 스크롤 영역에 따라 글이 하이라이팅 됩니다.
  • 롤링페이퍼 작성자는 해당 링크를 공유할 수 있습니다.
  • 작성자가 아니라면 롤링페이퍼를 작성할 수 있는 버튼이 노출됩니다.

• 롤링페이퍼 글 작성

  • 제목과 내용을 입력할 수 있습니다.
  • 사진을 첨부할 수 있습니다.

• 서랍 메뉴

  • 내가 만든 롤링페이퍼의 목록을 확인할 수 있습니다.
  • 롤링페이퍼를 만들 수 있습니다.
  • 로그아웃 및 로그인 기능이 있습니다.
  • 문의하기를 통해 의견을 전달할 수 있습니다.