Heiss
프로젝트 소개
내가 마음에 드는 케이스를 친구가 사용해서 구매하지 못한 경험이 있으셨나요? 나만의 개성, 특별함이 좋아서 시중에 판매하지 않는다 생각하고 구매했다가 길거리에서 같은 케이스를 보면 기분이 안 좋은적이 있으셨나요? 이쁘고 개성있는 케이스들이 많다고 생각하시나요?
맞습니다.. 하지만, 여러분이 생각한 멋진 케이스중에서도 더 개성있는 케이스를 만들 수 있습니다. 반려동물사진, 커플사진, 이모지, 텍스트, 색상부터 도형까지 내 핸드폰 케이스안에서 작은 디자이너가 되어보세요! 하나뿐인 나만의 케이스 하이스에서는 다 가능합니다!
주요 기능
-
렌딩페이지
-
마이페이지
-
케이스 제작
-
케이스 퍼온 후 수정
-
리뷰 전체
-
리뷰 디테일
-
리뷰 작성
-
리뷰 수정
-
리뷰 삭제
-
주문
-
회원정보수정
Deployment Architecture
DB Schema
Wire Frame
Server Flow Chart
Client Flow Chart
Front-end Stack
- HTML
- CSS
- JavaScript
- Styled Component
- React
- Axios
- Redux
- hooks
- Router
- Fabric
Back-end Stack
- Mysql
- RDS
- Sequelize
- Nodejs
- express
- JWT
- oAuth2.0
- multer
TEAM
이성훈
* position : Front-End
* contribution :
- 전체적인 디자인 및 애니메이션 구현
- Fabric으로 메인기능인 케이스 제작 기능 구현
- theme.js를 통한 CSS 코드 리팩토링
- 보관함, 장바구니, 주문내역 axios 구현
장석진
* position : Front-End
* contribution
방예은
* position : Back-End
* contribution :
- [Front]
- 회원기능 (로그인, 회원가입, 회원정보수정, 비밀번호찾기, 회원탈퇴)
- 리뷰기능구현/모달 반응형 CSS (리뷰작성 및 수정 삭제, 리뷰 좋아요, 케이스 퍼가기)
- 모달구현 및 CSS (alert, confirm, 보관함, 회원수정, 탈퇴, 비밀번호 찾기 모달)
- 마이페이지 반응형 CSS
- [Back]
- API작성 (리뷰 CRUD, 케이스 CRUD, 장바구니 CRD, 보관함 CRD)
- 배포 (AWS를 이용한 서버, 클라이언트 배포 자동화)
- Sequelize / DB구축
윤성민
* position : Back-End
* contribution :
-API작성
-이미지 처리
-Paypal 결제
-이메일 인증