- 리드 어 퍼퓸은 “화장품 정보 어플리케이션 화해”를 모티브 삼아 만든 향수 플랫폼입니다.
- 사용자들에게 향수에 대한 자유로운 의견을 나눌 수 있는 공간을 제공합니다.
- 사용자들은 인스타그램과 같이 글, 사진, 영상을 통해 향수에 대한 감상과 무드를 표현할 수 있으며, 팔로우 및 팔로잉 기능을 통해 타임라인에서 실시간 리뷰를 확인할 수 있습니다.
DB 서버가 종료되어 2024년 4월 15일 현재는 배포는 중단된 상황입니다.
아이디 및 패스워드 : admin
npm install 설치
npm run dev 실행
스토리북 배포 링크
브랜치 관리 전략
Git Flow를 사용하여 브랜치를 관리합니다.
모든 브랜치는 Pull Request에 리뷰를 진행한 후 merge를 진행합니다.
메인 브렌치인 main에는 아직 많은 내용이 merge되지 않았습니다. 현재 개발 진행사항을 확인하고 싶다면 develop을 확인해주세요.
| 이름 | 기여도 |
|---|---|
| 고지훈 | - 회원가입 및 리뷰 폼 개발 및 유효성 검사. - CI/CD 담당. - JWT 로그인 / 로그인 유지 기능 개발. - 초기 개발 환경 구축 및 디자인 시스템 구축 - 스토리북 통한 UI 테스트 코드를 작성 해 UI 검증 자동화 - 메인 페이지 리팩토링. - 코드 스플리팅을 통한 번들링 최적화 - 이미지 최적화 - 웹 폰트 최적화 - 기타 전체 웹 페이지 최적화. - React-Query 중복 패칭 개선 - 팀 코드 컨벤션 정립, 트러블 슈팅 문서화 |
| 나윤상 | - 쿼리키 및 스태일타임 관리를 통한 React-Query 중복 패칭 개선. - 미인증상태와 인증상태일때 예상치못한 리다이렉트 버그 수정. -화면에 보이지않는 이미지 레이지로딩으로 페이지 로드시간 개선. - 스토리북 배포및 CICD적용, - 공용 컴포넌트 버그 수정 및 코드 리팩토링. - api데이터 타입 공용코드를 작성. - 마이페이지,내정보관리,브랜드페이지,브랜드목록페이지 개발. - 유저상태를 여러 상태관리api가 혼합해 관리한걸 react-query로 통합해 유지보수및 사이드이펙트 줄임. - 공용이미지 webp형식으로 이미지 용량 줄임. - 위키 문서화 및 규칙 정립. - 이미지레이지로딩 및 번들링최적화, 코드스플리팅 결과를 측정해 정량화 및 문서화. - Context api로 모달 활성화 상태을 관리하는 것을 제안해 props drilling을 개선. - 내정보관리페이지에서 이미지클라우드에서 default이미지 적용시 발생하는 cors에러 및 성능 병목을 비즈니르로직 수정으로 개선., - 로딩ui및 authguard 공용컴포넌트개발해 생산성 높임 |
| 정중식 | - 카테고리 목록과 제품리스트 페이지 개발 및 페이지네이션 기능을 구현하여 사용자 경험을 개선. - 제품 상세페이지 개발 및 제품의 주요 속성(무게감, 지속력 등)을 시각화하여 사용자가 쉽게 정보를 파악할 수 있는 통계 기능을 구현. - 기존 FlexBox 컴포넌트의 inline CSS적용 방식이 가져오는 문제점을 깨닫고 유지보수성과 재사용성을 높이기 위해, 외부 스타일시트를 활용한 컴포넌트 개선. |
| 이름3 | [기여도3] |
React,Typescript,Vite,Material-ui,React-Query
| commit type | commit message |
|---|---|
| feat | 기능 개발 |
| fix | 버그 수정 |
| style | 불필요한 코드 제거 등 |
| design | 디자인 관련 코드 |
| chore | 빌드 수정, 패키지 매니저 등 기타 변경사항 |
| move | 파일이나 폴더 위치 변경 |
| remove | 파일이나 폴더 제거 |
| refactor | 코드 리팩토링 |