🔍 LAF(Lost And Found) : 분실물을 찾아주는 사이트

당신의 소중한 물건을 쉽고 빠르게 찾아드리는 라프(LAF) 프로젝트입니다.

🍊 라프 방문하기

✔️ 팀원 소개

Front-end	Back-end
김성재(팀장)	박원빈
김상준	정현진
오성현
이성민

✔️ 프로젝트 기간

📆 2023.11.13(월) ~ 2023.12.01(금) [3주]

✔️ 프로젝트 개요

분실물 안내 서비스

• 공공 API를 활용해 실시간 경찰서 및 대중교통에서 보관 중인 분실물과 위치를 확인할 수 있습니다.

커뮤니티 서비스

• 사람들이 주운 물건을 공유하거나 잃어버린 물건을 찾을 수 있게 돕습니다.

채팅 서비스

• 1:1 채팅 기능을 통해 물건 주인과 주운 사람이 직접 상호작용할 수 있습니다.

⚙ 기술 스택

Programming language

Front-end

Back-end

✔️ 주요 기능

메인페이지
검색결과
회원가입&탈퇴
로그인&비밀번호찾기
�마이페이지&유저프로필변경&닉네임변경
비밀번호변경
게시판
게시글작성
게시글수정삭제
댓글
채팅방
채팅목록
관리자페이지
관리자페이지

✔️ 기획

1. 페르소나

2. 스토리보드

3. 와이어 프레임

와이어프레임

4. ERD

5. API 명세서

유저 게시글 댓글 chat

6. 아키텍처

7. 폴더 구조

Front-end

├── public
│   ├─assets
├── src
│   ├── api
│   ├── components
│   ├── config
│   ├── context
│   ├── hooks
│   ├── pages
│   └── utils
└── app.jsx

Back-end(백엔드)

├── src
│   ├── db
│   │    ├── models
│   │    └── schemas
│   ├── middlewares
│   ├── routers
│   └── services
│   └── app.js
└── errGenerator.js
└── index.js

8. 협업 도구

• Gitlab
  • 코드 관리 및 버전 관리를 하였으며, 동시에 컨벤션을 통일화하여 프로젝트의 일관성을 유지하였습니다.
• Notion
  • 스크럼 회의록, API 명세서, 컨벤션을 문서화하여 기록하였습니다.

✔️ 담당 기능

Front-end

김성재

• 관리자 페이지
• REST API 활용하여 회원, 게시글, 댓글 조회 및 삭제
• 채팅방, 채팅목록
• React-Query를 사용하여 데이터를 polling하는 채팅기능 구현
• staleTime, cacheTime으로 데이터 신선도와 캐시 관리

김상준

• 회원가입, 로그인, 이메일 찾기
• 마이 페이지
• 닉네임 수정, 비밀번호 변경, 회원탈퇴
• 회원 게시글, 댓글 조회
• 반응형 UI

오성현

• 게시판 메인 카드 Grid 및 반응형 UI 구현
• React-Query 활용하여 API 상태 관리
• 게시글 CRUD 구현
• 댓글 CRUD 구현

이성민

• 검색창 ui 구현
• 공공 api 연결
• 검색 필터링
• 검색기록 히스토리
• 검색결과 페이지
• 분실물 상세 정보
• 검색결과 추가 로딩

---

Back-end

박원빈

• 서버 & db 연결 및 관리
• api 명세서 제작
• 유저 api 구현
• chat api 구현

정현진

• 폴더구조
• 검색기능 구현
• 게시글과 댓글 구현