kimnamsun/19-2nd-younggulart-frontend

김남선, 이명진, 황재원

Team Younggulart

🖥 프로젝트 소개

React를 사용한 'Singulart' 웹사이트 클론
http://3.35.82.99/

📅 프로젝트 기간

2021.04.26 ~ 2021.05.06

🎥 프로젝트 시연영상

https://vimeo.com/546376548

👩🏻‍💻🧑🏻‍💻 프로젝트 참가자 (Front & Back)

🔜 FrontEnd

• 김남선, 이명진, 황재원

🔙 BackEnd

• 문희원, 서득영

🔧 기술 스택

• FrontEnd

  
  
  
  
  
  
  

• BackEnd

  
  
  
  
  
  
  
  
  

• 협업 도구

  
  
  
  

---

⭐️ 구현한 기능

🌱 Frontend

• 카카오 소셜 로그인 / 로그아웃⭐️
• Slick 라이브러리를 활용한 메인 페이지 슬라이드와 캐러셀 슬라이드
• 가격, 높이, 넓이 슬라이더 필터링 기능
• 리스트 페이지네이션
• 디테일 페이지에서 가격 선택 후 버튼 누르면 입찰가격과 카카오톡 메세지 전송
• 액자 프레임 선택과 사이즈별 가격변동 모달
• 오프라인 경매 일정 페이지 달력 API, 지도 API⭐️
• ObserverSection API를 활용한 무한스크롤과 로딩바⭐️
• AWS EC2, S3, github action을 이용한 배포 및 CI/CD 환경 셋팅⭐️

---

🌱 Backend

• 관계형 데이터베이스 모델링
• 카카오 소셜 로그인
• 약 26000개 데이터 필터링
• 작품 입찰 신청 트랜잭션 구현
• 카카오 확인 메세지 전송
• 작품 정보, 경매 정보, 액자 정보 가져오기
• 도커와 젠킨스를 활용한 배포

---

👥 후기

🔜 Frontend

김남선
[이명진]
[황재원]

🔙 Backend

[문희원]
[서득영]

---

❗️ 레퍼런스

이 프로젝트는 singulart 웹사이트를 참조하여 학습목적으로 만들었습니다. 실무수준의 프로젝트이지만 학습용으로 만들었기 때문에 이 코드를 활용하여 이득을 취하거나 무단 배포할 경우 법적으로 문제될 수 있습니다. 이 프로젝트에서 사용하고 있는 사진 대부분은 위코드에서 구매한 것이므로 해당 프로젝트 외부인이 사용할 수 없습니다.