Skip to content

yesolyo/trecord-fe

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 

Repository files navigation

Trecord

Trecord는 Trip+Record로 합친 말로

여행 경험을 기록하고, 다양한 사람들과 공유하며,

전세계 여행자를 연결한다는 슬로건을 가지고 탄생하였습니다.

👉👉 Trecord 방문하기

구현 화면 및 로직 흐름

✏️ 온보딩, 회원가입, 로그인

로그인로직

회원가입 로그인
회원가입 로그인

✏️ 홈

홈로직

홈

✏️ 피드 상세 화면

피드상세화면 로직

피드 상세 화면 공유
피드 상세화면 공유 화면

✏️ 기록 상세 화면

기록상세화면로직

기록 상세 화면
기록 상세화면

✏️ 댓글 및 대댓글

댓글로직

댓글
댓글 및 대댓글

✏️ 마이페이지

마이페이지로직

마이페이지
마이페이지

📌 Trecord에서는 이런 것들이 가능해요

✏️ 하나! 여행 피드를 만들어봐요

기록에 대한 디렉토리를 생성할 수 있습니다.

✏️ 둘! 여행 기록을 남겨봐요

여행 피드 안에 기록을 작성 할 수 있습니다.

✏️ 셋! 기록을 리스트와 요약, 두 가지 방식으로 확인해요

사용자는 원하는 보기 방식을 선택 할 수 있습니다.

✏️ 넷! 피드와 기록을 공유할 수 있어요

사용자는 URL을 통해 작성한 글을 공유할 수 있습니다.

✏️ 다섯! 다른 사용자는 내 기록에 댓글을 남길 수 있어요

공유한 글을 통해 친구와 소통할 수 있습니다.

✏️ 여섯! 사용자는 댓글, 좋아요, 초대된 피드 알람을 받을 수 있어요

실시간으로 본인이 기록한 글과 관련해서 알람을 받을 수 있습니다.

📌 Trecord에서는 이런 기술로 만들어졌어요.

✏️ Front-End

  • View: React with TypeScript, styled-components, React-Router
  • State Management: Context API with useState, Mobx, React Query
  • Code Formatter: Prettier, ESLint

✏️ CI/CD

  • Cloud Storage: AWS S3
  • Cloud Computing: netlify

📌 Trecord 개발 팀을 소개합니다.

안예림 장서연 윤용현
안예림[FE] 장서연[FE] 윤용현[BE]

📌 우리 팀은 이러한 그라운드 룰을 바탕으로 협업했어요.

✏️ 협업 툴

  • Github
  • Discord, Notion

✏️ 기본 룰

  • 하찮은 아이디어는 없다! 격려와 칭찬은 필수 😇
  • 적어도 하루 한 번 (평일 20시, 주말 12시) 디스코드 확인 후 이모지 또는 채팅으로 반응 남기기
  • 업데이트, 변경 사항 있으면 문서 수정 후 디스코드에 알리기

✏️ 회의 시간

  • 매 주 일요일 오후 9시 시작
  • 그 주 한 일과 다음주 할 일 말하기

📜 소스 관리 룰

  • Prefix

    • main
    • dev-fe : 병합 브랜치
    • dev-release : 배포 브랜치
  • Infix

    • feature/
  • Suffix

    • 이슈 번호
  • 예제

    • ayr/feature/#12
    • feature/ayr/#12

🥅 백로그

백로그

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 96.7%
  • JavaScript 3.0%
  • HTML 0.3%