구르미 월드

나만의 홈페이지를 공유해보세요 !
친구들이 내 홈페이지를 방문하거나 방명록을 작성해준다면, 나의 구르미는 멋지게 성장할 수 있습니다!
배포 : https://cloudworld.vercel.app/

---

프로젝트 소개

1. 구르미월드는 네가지 종류의 1,2,3레벨 구르미가 존재합니다.
2. 구르미월드는 공유를 통해 자신의 홈페이지를 전달하고, 다른 유저가 나의 홈페이지에 방문하거나, 방명록을 작성해주면 포인트를 획득할 수 있습니다.
   자신이 직접 포인트를 올리는 방법은 존재하지 않습니다.
3. 방명록은 일반 방명록과 비밀 방명록으로 나뉩니다. 비밀 방명록은 작성자와 홈페이지 주인만 확인 할 수 있습니다. 다른 유저에겐 비밀글이 작성되었다는 사실만 확인 가능합니다.
4. 소셜로그인으로 구현하여 손쉽게 로그인하여 서비스를 이용할 수 있습니다.
5. 팔로우 기능이 존재합니다.팔로우 목록은 자신만 확인할 수 있습니다.

---

팀원 소개 및 역할

배정빈	한유성
FE	BE
UI - 랜딩페이지, 로그인 모달, 홈 페이지, 방명록 페이지, 친구목록 페이지,성장 페이지, 정보 수정 페이지 기능 - 소셜 로그인(카카오, 구글),자동 로그인, 방명록CRUD, 방명록 댓글 CRUD, 방명록 비밀글, 유저 친구 등록,삭제, 방명록 페이지네이션, 링크 공유 구르미 캐릭터 자체 제작 ,랜딩 페이지 제작	Security, JWT, OAuth2 카카오 및 구글 로그인 회원 CRUD, 방명록 CRUD, 댓글 CRUD, 유저 팔로우 기능, 방명록 페이지네이션, 구르미 성장하기

---

구현 기능

1. 회원 가입 - 로그인 기능

   토큰 방식으로 가입을 구현하였고,Kakao, Google OAuth 방식으로 가입 및 로그인할 수 있습니다.

2. 유저 팔로우 기능

나를 제외한 다른 사람을 팔로우하여, 팔로우한 사람의 홈으로 이동할 수 있습니다. 팔로우한 유저는 친구목록 페이지에서 확인 할 수 있습니다.

3. 방명록 CRUD, 댓글 CRUD

방명록과 댓글 모두 생성, 조회, 수정, 삭제 기능을 구현하였습니다.
비밀 방명록을 작성할 수 있습니다.

4. 방명록 페이지네이션 기능

한 페이지 당 5개의 게시글이 보이게 설정하였고, 방명록은 최신순으로 조회되게 하였습니다.

5. 구르미 성장 하기 기능

1Lv : 물방울에서 시작한다.
2Lv : 잼민 구르미 - 최소 포인트 100
3Lv : 어른 구르미 - 최소 포인트 300

포인트 규칙


• 방명록 개수당 + 3
  
• 투데이 개수당 + 1
  
• 본인과 비회원은 투데이가 오르지 않는다.

---

구현 화면

1. 랜딩 페이지

2. 로그인 페이지

3. 홈 페이지

- 내 홈페이지

-친구 홈페이지

4. 정보 수정 페이지

5. 성장 페이지

6. 공유하기

7. 친구 목록 페이지

8. 방명록 페이지

-방명록 글 없을 때

-내 방명록

-친구 방명록

---

기술 스택

Front-End

HTML	CSS	JavaScript	React	StyledComponents

Vite	Jwt	GoogleOauth	Axios	Vercel	Figma

Back-End

JAVA	SpringBoot	SpringSecurity	JPA	MYSQL	JWT	Redis

---

문서

피그마-https://www.figma.com/file/JMXPsFOM3XyRuNXjFtvVs8/%ED%99%94%EB%A9%B4%EC%84%A4%EA%B3%84?type=design&node-id=0-1&mode=design&t=Pdz8x0ruISR3sEBr-0
노션-https://www.notion.so/ee645c37e8ee4c86873a1cb2f79c021a
ERD-https://www.erdcloud.com/d/ScRWQiPotaiFkJhbZ
API-https://diagnostic-freedom-600.notion.site/Cloud-API-fe365262b6224ee2807b508a06906e39