Skip to content

THIP-TextHip/THIP-Web

Repository files navigation

THIP (띱)

독서를 기록하는 가장 힙한 방법 — 커뮤니티형 독서 기록 플랫폼


주요 화면

튜토리얼(1) 피드(2)

1.글쓰기.gif

피드(3)

2.피드.gif

모임(4)

3.모임(1).gif

모임(5)

3.모임(2).gif


기술 스택

분류 기술
Framework React TypeScript
Build Vite
Routing React Router
Server State TanStack Query
Client State Zustand
Styling Emotion
HTTP Axios
Deploy Vercel
Package Manager pnpm

프로젝트 구조

src/
├── api/                  # 도메인별 API 호출 함수
│   ├── auth/             # 인증 (토큰 발급)
│   ├── books/            # 도서 검색·저장
│   ├── comments/         # 댓글
│   ├── feeds/            # 피드
│   ├── images/           # 이미지 업로드
│   ├── memory/           # 추억 (그룹 기록)
│   ├── notifications/    # 알림
│   ├── recentsearch/     # 최근 검색어
│   ├── record/           # 독서 기록
│   ├── roomPosts/        # 그룹 게시글
│   ├── rooms/            # 모임(그룹)
│   └── users/            # 유저 프로필·팔로우
│
├── components/           # 재사용 컴포넌트
│   ├── common/           # 공통 UI (레이아웃, 모달, 바텀시트 등)
│   ├── creategroup/      # 그룹 생성
│   ├── createpost/       # 게시글 작성
│   ├── feed/             # 피드
│   ├── group/            # 그룹
│   ├── members/          # 멤버
│   ├── memory/           # 추억
│   ├── Mypage/           # 마이페이지
│   ├── pollwrite/        # 투표 작성
│   ├── recordwrite/      # 기록 작성
│   ├── search/           # 검색
│   └── today-words/      # 오늘의 단어
│
├── hooks/                # 커스텀 훅
├── mocks/                # 목(Mock) 데이터
├── pages/                # 페이지 컴포넌트 (라우트 단위)
│   ├── login/            # 로그인
│   ├── signup/           # 회원가입
│   ├── feed/             # 피드
│   ├── group/            # 그룹 목록·생성
│   ├── groupDetail/      # 그룹 상세
│   ├── groupMembers/     # 그룹 멤버
│   ├── groupSearch/      # 그룹 검색
│   ├── search/           # 책 검색
│   ├── searchBook/       # 책 상세·책별 모임
│   ├── memory/           # 추억
│   ├── recordwrite/      # 기록 작성
│   ├── pollwrite/        # 투표 작성
│   ├── aiwrite/          # AI 기록 작성
│   ├── today-words/      # 오늘의 단어
│   ├── mypage/           # 마이페이지
│   └── notice/           # 공지사항
│
├── stores/               # Zustand 전역 상태
│   ├── authReadyStore.ts
│   ├── commentBottomSheetStore.ts
│   ├── popupStore.ts
│   └── replyStore.ts
│
├── types/                # TypeScript 타입 정의
│   ├── book.ts / room.ts / post.ts / user.ts 등
│
└── utils/                # 유틸리티 함수

시작하기

설치 및 실행

# 패키지 설치
pnpm install

# 개발 서버 실행
pnpm dev

# 빌드
pnpm build

# 코드 포맷
pnpm format

환경 변수 설정

.env.local 파일을 생성하고 아래 값을 채워주세요.

VITE_API_BASE_URL=https://your-api-server.com
VITE_FRONTEND_URL=https://your-frontend-url.com

팀원 소개

김희용 이지현 지호준

@heeeeyong

@ljh130334

@ho0010

About

📚 THIP의 Web 프론트엔드 레포지토리입니다.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages