🕊 TMI HOMERS
TMI HOMERS 는'TMI (Too Much Information)'
와'HOMERS (전서구)'
를 결합한 독특한 소셜 네트워크 플랫폼으로, 사용자들이 흥미로운 이야기와 정보를 자유롭게 공유하고 즐길 수 있는 공간을 제공합니다.
팀원 소개
리더십천재 팀장
김다은디자인의 신
신동호슈퍼테크리더
정동환괴물신입
우창욱MC
이채연서비스 개요
1. 기획 배경 및 동기
TMI HOMERS는 자신의 TMI를 기록하고 공유할 수 있는 독특한 커뮤니티 사이트입니다.
사용자들은 글을 작성할 때 익명성을 지키기 위해
'기자'
🎤라는 역할을 맡게 되며, 자신의 소소한 경험을 '뉴스기사'
📝 형식으로 기록합니다. 이로써 사용자들은 부담 없이 자신의 이야기를 공유할 수 있습니다.뿐만 아니라, TMI HOMERS는 타인의 TMI를 유쾌하게 즐기고 공유함으로써, 일상에서 재미와 유쾌함을 찾는 데 기여합니다. 이런 방식으로 마치
'말랑한 사회'
라고 할 수 있는 따뜻하고 유쾌한 분위기를 조성합니다.2. 핵심기능
- 사용자들은 자신의 흥미로운 이야기와 정보, 즉 TMI를 모든 사람들에게 자유롭게 공유할 수 있습니다.
- 사용자들은 다른 사람들이 공유한 TMI 목록을 탐색하고 볼 수 있습니다.
- 사용자들은 해당 TMI에 댓글을 작성할 수 있습니다.
3. 주요 타겟층
- 자신의 TMI를 추억하고 기록으로 남기고 싶은 사람
- 작고 소소한 일상에도 즐거움과 의미를 찾는 사람
- 다른 사람의 TMI를 찾아보고 공유하고 싶은 사람
개발 프로세스
1. 기술 스택
언어 | typescript |
상태관리 | tanstack-query |
번들러 | vite |
협업툴 | notion, github |
API | axios |
포맷팅 | eslint, prettier, husky, lint-staged, commitlint, commitizen |
Commit 규칙 | 기본 사용 |
브랜치 전략 | Github flow |
유틸 라이브러리 | React Hook Form |
패키지 매니저 | npm (18.17.1) |
컴포넌트 관리 | storybook |
스타일링 | tailwindcss, daisy ui |
라우터 | react-router |
배포툴 | vercel |
2. 개발 규칙
아래의 페이지를 참고하시면 더 자세한 내용을 확인하실 수 있습니다.
개발 규칙 (중요 ⭐️⭐️⭐️)3. 기능 구현
아래의 페이지를 참고하시면 더 자세한 내용을 확인하실 수 있습니다.
페이지별 기능