Skip to content

Youngbae1126/LIVIN-FE

 
 

Repository files navigation

livin_cover.png

LIVIN - 안전한 부동산 거래 도우미

안전하고 투명한 부동산 거래를 위해 매물 위험도 분석, 맞춤형 체크리스트, 거래 가이드를 제공하는 서비스입니다.

사용자는 매물을 등록하고 위험도를 분석할 수 있으며, 관심 매물 관리와 커스터마이징 체크리스트를 통해 더 안전한 거래를 경험할 수 있습니다.

landing.gif

LIVIN 바로가기

📆프로젝트 기간

  • 2025-07-09 ~ 2025-08-19

⚙️ 설치 및 실행

Frontend (로컬 실행)

# 프로젝트 클론
git clone https://github.com/LIVIN-ORG/LIVIN-FE.git
cd LIVIN-FE

npm install
npm run dev

Backend (로컬 실행)

# 프로젝트 클론
git clone https://github.com/LIVIN-ORG/LIVIN-BE.git
cd LIVIN-BE

# Gradle 빌드
./gradlew clean build

# Docker 실행
docker-compose -f docker/docker-compose.yml up -d

💻 주요 기능

소셜 로그인

카카오 · 네이버 OAuth2 소셜 로그인

로그인 화면


매물 등록

임대인 매물 등록

매물등록


위험도 분석

근저당권, 소유주와 임대인 일치 여부, 위반 건축물 여부, 전세가율로 매물의 위험도를 분석

risk_analysis1.png risk_analysis2.png


체크리스트

매물의 확인하고 싶은 사항을 담는 체크리스트 생성
나만의 항목을 생성하여 체크리스트 작성
특정 체크리스트가 적용된 매물 조회 가능

checklist.gif


안심 뱃지

안심 뱃지 클릭 시 위험도 분석 결과 제공

risk_alanysis_report.gif


관심 매물 관리

매물 즐겨찾기 및 조회

favorite_property.gif

🛠️ 기술 스택

Frontend

Vue.js Pinia Vite

Backend

Spring Framework Spring Security MyBatis MySQL Redis Gradle

Infra & DevOps

AWS EC2 Docker Docker Compose GitHub Actions Vercel

Design

Figma

Documentation & Version Control

Git GitHub Markdown Notion |

🚀 배포 구조

Vercel Docker Amazon EC2 Redis

개요

Frontend → Vercel 자동 배포

Backend → Docker 이미지 빌드 → Docker Hub 푸시 → EC2에서 docker-compose 배포

Cache/세션Redis (Docker)

System Architecture

janghyuk ap-northeast-2 (1).png

ERD

LIVIN (2).png

👥 팀원

배영현 강경림 남정범 양민영 이유미 장혁 전영태 조아빈
_ _ _ _ _ _ _ _
FullStack FullStack FullStack FullStack FullStack FullStack FullStack FullStack

주요 링크

📑 Notion 문서

🎨 디자인 시안

About

LIVIN의 프론트엔드 레포지토리 입니다.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 88.2%
  • JavaScript 11.5%
  • Other 0.3%