/HouStar

[동네 추천 웹] 사용자들의 성향과 동네 평점·리뷰를 기반으로 살고 싶은 동네를 찾도록 도와주는 웹사이트

Primary LanguageVue

HouStar⭐

[House + Star] 당신을 위해 좋은 정보만 골라드립니다


💡 프로젝트 개요

  • 삼성청년SW아카데미 - 1학기 HappyHouse 관통 프로젝트(2021 상반기)
  • 공공 데이터를 활용한 동네 평점 정보 제공 사이트

현재 직방, 다방 등 여러 부동산 가격비교 어플들이 인기를 얻고 있습니다. 하지만 낯선 곳으로 이사가려는 사람이 건물의 후기 뿐 아니라 그 지역의 전체적인 분위기를 알고 싶다면 현재까지는 지인에게 묻거나 검색 포털의 힘을 빌려야 합니다. 따라서 저희 팀은 지역 거주민들끼리 커뮤니티를 만들고 동네에 대한 후기를 공유함으로써 동네 정보를 찾는 이용자에게 맞춤형 서비스를 제공하는 것을 목표로 하고 사이트 제작을 시작하였습니다.


📆 프로젝트 기간 & 팀원

  • 2021년 1월 18일 - 2021년 5월 27일 (5개월)
  • 김민정(팀장), 김채연(팀원)

⚙️ 기술 스택

                 

⚒ 개발 도구

도구 버전 설명
STS 3.9.6 Backend
VSCode 1.56.2 Frontend

🔧 개발 환경

환경 버전 설명
JAVA zulu 1.8 Backend
MySQL 8.0.21 DB
mybatis 2.1.3 Backend
Vue.js 2.6.12 Frontend
Springboot 2.4.6 Backend

🖥 기능

    • 회원가입
    • 로그인
    • 비밀번호 찾기
  • 동네
    • 동네 추천
    • 동네 랭킹
    • 동네 상세 정보 확인
    • 동네 별점 및 후기 작성
  • 게시판
    • 댓글 조회,작성,수정,삭제
    • 공지사항, QnA게시판
    • 커뮤니티- 게시판 생성 가능
  • 추가 정보 제공
    • 동네 인프라 (상권) 정보제공
    • 교통 정보 제공
    • 안전 등급 정보 제공
    • 안심 병원 정보 제공
    • 코로나 선별 진료소 정보 제공
    • 학군 정보 제공
    • 환경 등급 정보 제공

FRONTEND

🎞 페이지 소개

- 메인페이지, 사용자 추천 동네 랭킹, 총 랭킹, 랭킹1위 주변 상권 정보 표시

image image

- 업종별 가게 위치 검색

image

- 회원가입

image

- 비밀번호 찾기

image

- 동네 리뷰

image image

- 리뷰 필터링

image

- 상세정보 페이지

image

- 더보기 눌러 동네의 정보 확인 가능

image image

- 게시판

image

- 글보기,수정,삭제

image image

- 게시판 생성

image

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Customize configuration

See Configuration Reference.


BACKEND

배포 주소 http://localhost/

제공 API

  • 👩🏻‍💻👩🏻‍💻 개발자

김민정 [https://github.com/co323co]
김채연 [https://github.com/chaeyeonkim0223]