웹/모바일(웹 기술) 프로젝트

🌱 카테고리

---

Application	Domain	Language	Framework
✅ Desktop Web	✅ 웹/모바일(웹 기술)	✅ JavaScript	✅ React
✅ Mobile Web		✅ TypeScript	✅ Spring/Springboot
✅ Responsive Web		✅ Java	✅ JPA Hibernate

🎵 ClasSee - 화상 비대면 원데이 클래스

---

• 프로젝트명: ClasSee

• 서비스 특징: WebRTC 기술을 활용한 화상 원데이 클래스 서비스

🐇 ClasSee - 소개

---

뭔가 새롭고 특별한 걸 배우고 싶지만, 코로나가 무섭고 나가기 귀찮은 당신에게

당신을 위해 준비한 특별한 클래스 ClasSee

💜 주요 기능

---

• 듣고 싶었던 원데이 클래스를 화상으로 손쉽게 🙋 화상 클래스

  • 화상으로 들을 수 있는 원데이 클래스

  • 손들기, 채팅을 통한 적극적인 클래스 참여

  • 자신의 작품을 공유하면서 클래스를 들을 수 있습니다

• 당신이 원하는 클래스를 손쉽게 찾아보세요 ❕ 클래스 찾기와 찜하기

  • 카테고리, 가격, 시간 별로 검색하여 자신에게 맞는 클래스를 찾으세요

  • 이미 클래스를 들어본 사람들의 추천을 기반으로 한 추천 클래스 리스트

  • 찜하기로 듣고 싶은 클래스를 찜해두세요

• 당신이 만든 소중한 물건을 자랑하세요 📷 포토카드

  • 클래스로 완성한 작품을 포토카드로 만들어 사람들과 공유하세요

  • QR코드로 찍으면 포토카드 페이지가 나오고, 사진을 올리고 등록하면 포토카드가 생성됩니다

  • 다른 사람의 포토카드가 맘에 들면 좋아요를 눌러주세요

✔ 주요 기술

---

Backend

• IntelliJ IDE
• Springboot 2.7.7
• Spring Data JPA
• Hibernate
• Spring Security
• Spring Validation
• Spring Web
• QueryDSL
• WebSocket
• OAuth
• Redis
• Swagger 2.0.0

Frontend

• Visual Studio Code IDE
• React.js
• TypeScript.js
• Node.js
• SockJS
• Openvidu
• SASS
• Recoil
• Firebase 9.6.6

CI/CD

• AWS EC2
• Jenkins
• NGINX
• Docker
• SSL

배포 환경

• URL

  • http://www.classee.site
  • https://www.classee.site

• 테스트 계정:

  • ID: [email protected]
  • PW: Ttest1234!

✔ 프로젝트 산출물

• 와이어 프레임
• 기능정의서
• 시퀀스 다이어그램
• 시스템 구성도
• ERD
• E2E TEST

✔ UCC 음원 출처

https://www.youtube.com/watch?v=WJ2HYRzCz2g&t=1437s [🎄Playlist🎄] 샛별 음악 - 귀여움 = ( ´・`)
https://www.youtube.com/watch?v=X_iSipLXcg0 ✨샛별 - 솜뭉치✨(Royalty Free Music)