RollingPaper42 / Front-End

STRCAT Front-End repository

Home Page:https://strcat.me

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Front End

스트링캣 😸


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


og_strcat

GitHub Stars GitHub Issues Current Version GitHub License

💬 프로젝트 소개

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

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

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

🛠 기술 스택

협업 툴

  • Figma

  • Confluence

  • Git

개발 기술

  • React

  • NextJS

  • TailwindCSS

  • Typescript

  • Recoil

  • Vercel Deploy

🧑‍💻 멤버

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

💻 페이지 및 기능 소개

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

    • 카카오, 구글 OAuth 로그인을 통해 로그인이 가능합니다.
  • 롤링페이퍼 만들기

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

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

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

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

About

STRCAT Front-End repository

https://strcat.me


Languages

Language:TypeScript 96.1%Language:JavaScript 3.4%Language:CSS 0.4%