jogaczip_codeit_boost

📌 코드잇 부스트 동아리 데모데이 프로젝트

프로젝트명: 기억 저장 및 공유 서비스 - "조각집"
개발기간: 2024.08 ~ 2024.09

🤝 Team

김한얼@Kimhaneol12	조예림@YeRimmm-Cho	최민기@mkchoii
백엔드	프론트엔드 및 배포	백엔드 및 배포

🔍 주요 기능

1. 그룹

그룹 등록

• 그룹명, 대표 이미지, 그룹 소개, 그룹 공개 여부, 비밀번호를 입력하여 그룹 등록 가능

그룹 수정

• 그룹 등록 시 입력했던 비밀번호를 입력하면 그룹 정보 수정 가능

그룹 삭제

• 그룹 등록 시 입력했던 비밀번호를 입력하면 그룹 삭제 가능

그룹 목록 조회

• 등록된 그룹 목록을 조회할 수 있음
• 각 그룹의 정보:
  • 이미지(한 장), 그룹명, 그룹 소개, 그룹 공개 여부, 디데이(생성 후 지난 일수), 획득 배지 수, 추억 수, 그룹 공감 수
• 공개 그룹과 비공개 그룹 목록을 구분하여 조회 가능
• 정렬 및 검색 기능:
  • 정렬: 최신순, 게시글 많은 순, 공감 순, 획득 배지 순
  • 검색: 그룹명을 기준으로 검색 가능

그룹 상세 조회

• 그룹 목록에서 그룹을 클릭하면 해당 그룹의 상세 정보 조회 가능
• 비공개 그룹은 비밀번호를 입력하여 조회 가능
• 상세 정보:
  • 대표 이미지, 그룹명, 그룹 소개, 그룹 공개 여부, 디데이, 획득 배지 목록, 추억 수, 그룹 공감 수
• 기능:
  • 공감 보내기: 클릭할 때마다 그룹의 공감 수 증가
  • 그룹에 등록된 추억 목록 표시

2. 게시글(추억)

게시글 등록

• 닉네임, 제목, 이미지(한 장), 본문, 태그, 장소, 추억의 순간, 추억 공개 여부, 비밀번호를 입력하여 추억 등록 가능

게시글 수정

• 추억 등록 시 입력했던 비밀번호를 입력하면 게시글 수정 가능

게시글 삭제

• 추억 등록 시 입력했던 비밀번호를 입력하면 게시글 삭제 가능

게시글 목록 조회

• 그룹 상세 조회 시 해당 그룹의 추억 목록을 함께 조회 가능
• 각 게시글의 정보:
  • 닉네임, 추억 공개 여부, 제목, 이미지, 태그, 장소, 추억의 순간, 추억 공감 수, 댓글 수
• 공개 추억과 비공개 추억을 구분하여 조회 가능
• 정렬 및 검색 기능:
  • 정렬: 최신순, 댓글 순, 공감 순
  • 검색: 제목, 태그를 기준으로 검색 가능

배지 획득

• 배지 종류:

  • 7일 연속 추억 등록
  • 그룹 공감 수 1만 이상
  • 추억 공감 수 1만 이상 (공감 1만 개 이상의 추억이 하나라도 있을 경우)

  
  
  

🖥️ 화면 구성

그룹 목록 페이지	비공개 그룹 목록 페이지
그룹 상세 페이지	비공개 그룹 상세 페이지
추억 올리기 페이지	추억 상세 페이지

📂 프로젝트 파일구조

✔️Front-end

frontend
 ┣ build
 ┣ node_modules
 ┣ public
 ┃ ┗ index.html
 ┣ src
 ┃ ┣ api
 ┃ ┣ assets
 ┃ ┣ components
 ┃ ┣ pages
 ┃ ┣ index.js
 ┃ ┗ Main.js
 ┣ .gitignore
 ┣ package-lock.json
 ┣ package.json
 ┗ README.md

✔️Back-end

backend
 ┣ http
 ┃ ┣ comment.http
 ┃ ┣ group.http
 ┃ ┗ post.http
 ┣ models
 ┃ ┣ commentModel.js
 ┃ ┣ database.sqlite
 ┃ ┣ groupModel.js
 ┃ ┗ postModel.js
 ┣ src
 ┃ ┣ controllers
 ┃ ┃ ┣ commentController.js
 ┃ ┃ ┣ groupController.js
 ┃ ┃ ┣ imageController.js
 ┃ ┃ ┗ postController.js
 ┃ ┗ app.js
 ┣ uploads
 ┣ .gitignore
 ┣ package-lock.json
 ┗ package.json

🔗 배포 링크

바로 가기

• 현재 중지 상태

🛠️ 기술 스택

✔️Front-end

✔️Back-end

✔️배포