SweetMe-Front

💜 프론트 팀원 소개

최예빈	권태영
스터디 작성페이지 스터디 상세페이지 결제 기능 구현	메인페이지 마이페이지 로그인 구현

📖 프로젝트 소개

SweetMe는 동일한 목표를 지닌 사람들이 교류하며 함께 성장해나갈 수 있도록 연결고리를 만들어주는 스터디 모집 서비스입니다. SweetMe에서는 간단한 소셜 로그인 이후 스터디 모집 글을 작성할 수 있습니다. 메인 페이지에서 사용자는 모집 여부와 카테고리를 선택하여 원하는 스터디를 찾고 모집 글 작성자에게 연락하여 스터디 활동을 하게 됩니다. 작성자는 자신이 작성한 글을 홍보하고 싶을 경우 일정 금액을 결제하여 메인 페이지 상단의 광고 배너에 게시할 수 있습니다. SweetMe는 같이 공부하자는 의미의 스터디윗미(Study With Me)를 줄인 말인 스윗미를 SweetMe라고 표현한 것으로, 달콤함이 주는 긍정적인 에너지처럼 이 서비스에서 모집되는 스터디에서 만들어질 시너지를 기대합니다.

📂 프로젝트 폴더 구조

├─api
├─assets
│  ├─mypage
│  └─tags
├─components
│  ├─createpage
│  ├─detailpage
│  ├─mainpage
│  │  └─Btn
│  ├─mypage
│  └─_common
├─fonts
├─pages
├─recoil
└─types

🔨 기술 스택

📦 라이브러리

"axios": "^1.6.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-icons": "^4.11.0",
"react-router-dom": "^6.16.0",
"react-scripts": "5.0.1",
"recoil": "^0.7.7",
"recoil-persist": "^5.1.0",
"styled-components": "^6.0.8",
"typescript": "^4.9.5",
"web-vitals": "^2.1.4"