WebProject_CabinForBook

• 프로젝트 제목: 오두막 책방 프로젝트
• 프로젝트 개요: 친구들과 함께 책을 읽고 짧은 메모를 공유하는 온라인 교환 독서 서비스.

사용 스택

• fronted: React, typescript
• backend: firebase

.env.example

VITE_FIREBASE_API_KEY=
VITE_FIREBASE_AUTH_DOMAIN=
VITE_FIREBASE_PROJECT_ID=
VITE_FIREBASE_STORAGE_BUCKET=
VITE_FIREBASE_MESSAGING_SENDER_ID=
VITE_FIREBASE_APP_ID=

실행 방법

1. 프로젝트 클론
   • git clone ...
2. 의존성 설치
   • npm install
3. 환경 변수 설정
   • .env 생성
4. 개발 서버 실행
   • npm run dev

소스 코드 구조 설명

src
├── apis
├── components
├── pages
├── config
├── layouts
├── contexts
└── types

폴더 구조

apis

Firebase 데이터 요청 관련 함수

components

재사용 가능한 UI 컴포넌트

pages

라우팅 단위 페이지

config

데이터베이스 연동

layouts

UI layout 관리

contexts

전역 상태 관리

types

TypeScript 타입 정의