<노션 링크>

https://www.notion.so/2024-Hansung-Capstone-77b3aed17b6d49a6b03315a2495406a7?pvs=4

---

1. 정의

자취생들을 위한 통합 웹사이트

-요리 : 매일 메뉴고민에 빠진 자취생에게 제공하는 AI 요리 레시피
-원룸 : 딱 1인가구를 위한 자취생 맞춤 원룸! 자취생들에게 제공하는 원룸 찾기
-커뮤니티: 자취생들의 공감대를 형성하는 자취 커뮤니티
-중고마켓 : 버리는 것도 고민되는 자취생에게 제공하는 중고마켓
-자취생메이트: 혼밥이 지겨울 때 자취메이트에서 밥 친구 찾기

---

2. 프로젝트 배경

현재 1인 가구가 증가하고 있는 상황에서, 자취생을 위한 커뮤니티, 원룸, 요리, 자취생메이트, 중고마켓을 포괄하는 통합 사이트가 없어 자취 정보를 얻기 위해 여러 사이트를 방문해야한다는 불편함을 개선하고자 프로젝트를 기획했다.

---

3. 실행 및 설치 방법

Clone the repository

https://github.com/2024-Hansung-Capstone/projectj-frontend.git

Install NPM packages and run

$ npm install $ npm start

---

4. 기술 스택

-개발 환경 : Windows, MacOS
-개발 언어 : TypeScript, JavaScript, CSS
-개발 도구 : VSCode, MySQL, Docker, GraphQL, OpenAI Playground, CoolSMS
-프레임워크 : React, NestJS

---

5. 설계 구조

---

6. 웹페이지 구조

7. 웹페이지 소개

(1) 로그인/회원가입 : 회원가입을 할 때, 인증번호 발송을 통해서 안전성을 확보해준다.

(2) 요리 : 자취생들의 냉장고에 있는 재료를 입력받아 AI가 레시피를 추천해준다.

(3) 원룸 : 원룸 api를 이용하여 내 주변 원룸을 지도로 확인 가능하다.

(4) 자취생메이트 : 동네 자취생 친구를 만들 수 있는 페이지이며, 회원가입 때 사용자에게 받은 입력값을 바탕으로 친구를 추천하여 지역 커뮤니티를 활성화한다.

(5) 중고마켓 : 사용자와 같은 지역에 거주하는 유저가 올린 중고 상품을 띄워 쪽지를 통해 거래를 할 수 있다.

(6) 커뮤니티 : 자취생들에게 필요한 정보들을 다른 자취생들과 공유한다.

(7) 쪽지 : 중고마켓과 자취생메이트 카테고리를 사용하는 중에 다른 사용자와 쪽지를 주고 받을 수 있고, 상대방이 내 쪽지를 읽었는지 확인도 가능하다.

(8) 알림 : 좋아요와 댓글, 쪽지 등을 받거나 내가 찜한 상품의 가격이 변동되는 등의 상황일 때, 알림을 통해 사용자에게 정보를 전달한다.