Skip to content

softeerbootcamp4th/Team9-Podo-FE

Repository files navigation

못말리는 현기차팀 FrontEnd

HYUNDAI SELTOS EVENT

목차

  1. 👥 팀원 소개
  2. 🛠️ Tech Stacks
  3. 🤝 협업 전략
  4. 📖 그라운드 룰
  5. 🗂️ Components Architecture Diagram
  6. 🗺️ Route
  7. 🚀 주요 개발 사항
  8. 🔗 링크 모음

👥 팀원 소개

강준우 한승연

🛠️ Tech Stacks

Cowork Tools

github actions slack notion figma

Development

react ts

Test

jest rtl

Deploy

aws cloud

ETC

Yarn ESLint Prettier Webpack MSW TailwindCSS

🤝 협업 전략

Issue Template

## 구현 기능

1-2문장으로 요약.

## 상세 작업 내용

- [x] 작업 내용

## 🔆 참고 사항 (선택)

## ⏰ 예상 소요 기간

PR Template

## 🎯 이슈 번호

## 💡 작업 내용

- [x] 작업 내용

## 💡 자세한 설명

## 📗 참고 자료 (선택)

## 📢 리뷰 요구 사항 (선택)

## 🚩 후속 작업 (선택)

## ✅ 셀프 체크리스트

Folder Structure

Team9-Podo-FE
├── .github                         # Feature, PR, Bug template
├── public                          # public
└── src
    ├── common                        # fonts, images, svg, video resoucres 
    ├── admin                         # 어드민 페이지
    └── client                        # 이벤트 페이지
        ├── api                         # api 호출 Function
        ├── components                  # 페이지를 구성하는 components
        ├── constants                   # api, message, pagination 및 공통적으로 사용되는 constants
        ├── hooks                       # custom hooks        
        ├─- mocks                       # MSW를 활용한 mock data, handler                         
        ├── pages                       # 페이지를 구성하는 레이아웃
        ├── providers                   # Context Provider
        ├── router                      # 라우터           
        ├── styles                      # Global Style
        ├── types                       # 타입       
        ├── utils                       # date, validator 관련 util 함수

Branch Naming

feature/{feature-name}

📖 그라운드 룰

  • Product Backlog를 마일스톤으로 작성함
  • 매일 10시 데일리 스크럼을 통해 진행상황을 공유함
  • 금요일 오전에 main에 dev를 merge함
  • PR은 merge하기 전 서로 리뷰함
  • Commit은 Issue task의 작업 크기를 넘지 않도록 함
  • 메시지를 확인했다면 최소한 이모지를 사용해서 반응함

🗂️ Components Architecture Diagram

Softeer4th_Podo LucidChart

🗺️ Route

Page path children
Main /
Event1 /event1
Event1Result /event1/result
Event2 /event2 quiz1
quiz2
quiz3
quiz4
Event2Result /event2/result
AuthModal /auth-modal

🚀 주요 개발 사항

  • Bundler 설정 (webpack)
  • TDD (jest, storybook)

🔗 링크 모음

🎨 기획/디자인

Figma

📝 Meeting Minutes

TEAM: Notion

FE: Notion