kylo-dev / Insta-clone

springboot, jpa, spring security, thymeleaf, mysql 이용하여 인스타그램 웹 클론코딩

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Instagram Clone Coding

목표

  • Spring Security를 통한 일반 로그인 & 소셜 로그인 구현하기
  • MultiPartFile과 Text 데이터 함께 처리하기
  • 로그인한 사용자에 따라 팔로워, 팔로잉 개수 카운트하기
  • 팔로우 & 좋아요 작성 및 취소 처리하기

핵심 기능

  • 일반 로그인 및 Kakao 로그인 기능
  • 사용자 마이 페이지 관리 기능
  • 로그인한 사용자의 이미지를 다른 사용자가 좋아요 누른 경우 알림 기능
  • 로그인한 사용자에 따라 팔로우 한 사용자인지, 좋아요 누른 이미지인지 구분하는 로직 구현

실행 결과

시작 페이지 마이페이지
스크린샷 2024-02-27 오후 4 34 43 스크린샷 2024-02-27 오후 4 35 30
팔로워 페이지 게시글 작성 페이지
스크린샷 2024-02-27 오후 4 36 28 스크린샷 2024-02-27 오후 4 37 01

의존성

  • Spring Web
  • Spring Security
  • Spring Data JPA
  • Lombok
  • Spring Oauth
  • Mysql Driver

About

springboot, jpa, spring security, thymeleaf, mysql 이용하여 인스타그램 웹 클론코딩


Languages

Language:HTML 38.9%Language:Java 36.0%Language:CSS 20.5%Language:JavaScript 4.6%