Skip to content

Share life highlights with quick snaps, simple captions.

License

Notifications You must be signed in to change notification settings

hyeonpearl/snap-story

Repository files navigation

snap-story

Snap Story

SnapStory는 마이크로 블로깅 플랫폼입니다. 빠른 스냅, 간단한 캡션을 통해 여러분의 삶의 하이라이트를 공유하세요.

TypeScript React React Router React Hook Form Zod Tailwind CSS shadcn/ui Firebase Vite

빠른 시작

Github 로그인 혹은 아래 테스트 계정으로 빠르게 체험해보실 수 있습니다. 테스트 계정은 invalid Error가 발생할 수 있습니다.

Email : test@test.com
Password : test1234

개발 환경 설치

$ git clone https://github.com/hyeonpearl/snap-story.git
$ cd snap-story
$ yarn
$ yarn dev

사용 예제

Snap Story의 주요 기능은 사용자 인증, 게시물 작성/수정/삭제, 계정 설정 등을 포함합니다. 이를 통해 사용자는 간편하게 마이크로 블로깅을 즐길 수 있습니다. 또한, 소셜 로그인과 Github로의 로그인을 지원하여 사용자가 편리하게 서비스를 이용할 수 있습니다.

주요 기능

사용자 인증

회원 가입 로그인
회원가입 로그인
새로운 사용자 계정을 생성하여 서비스를 이용할 수 있습니다. 등록된 계정으로 로그인하여 서비스를 이용할 수 있습니다.
소셜 로그인 로그아웃
소셜로그인 로그아웃
Github로 로그인을 진행합니다. 현재 로그인된 계정에서 로그아웃할 수 있습니다.

게시물

타임라인 게시글 작성
타임라인 게시물 작성
작성된 게시물을 탐색합니다. 텍스트와 1MB 이하의 이미지를 포함하여 새로운 게시물을 작성할 수 있습니다.
게시글 수정 게시글 삭제
게시물 수정 게시물 삭제
작성한 게시물의 내용을 수정할 수 있습니다. 작성한 게시물을 삭제할 수 있습니다.

계정 설정

사용자 이름 수정 프로필 사진 수정 계정 삭제
사용자 이름 수정 프로필 사진 변경 계정 삭제
계정에 등록된 사용자 이름을 수정할 수 있습니다. 계정에 등록된 프로필 사진을 변경할 수 있습니다. 계정을 삭제하고 모든 정보를 제거하여 회원 탈퇴가 가능합니다.

기여 방법

Snap Story에 기여하고 싶으신 분들은 이슈를 작성하거나 pull request를 보내주시기 바랍니다.