gramClone

Django를 이용한 인스타그램 클론 프로젝트

1. 개발 환경

1. Python Web Framework

   • Django 2.1.15

   • Python 3.74

2. 개발 아키텍처

   • Django & Vanila JS

2. 기능

• 게시물의 생성/수정/조회/삭제 기능

  • django-imagekit를 활용하여, 게시물로 이미지를 업로드 할 수 있습니다
  • 게시물을 보여주는 화면인 index, modal, detail에서 UX를 고려하여 구성을 달리하였습니다

• 댓글 기능

  • 댓글의 수정/삭제가 가능합니다
  • Ajax/Vanila JS를 활용한 비동기 요청으로 새로고침 없이 동작합니다

• 좋아요 기능

  • 좋아요 수와 좋아요를 누른 사람의 목록을 제공합니다
  • Ajax/Vanila JS를 활용한 비동기 요청으로 새로고침 없이 동작합니다

• 팔로우 기능

  • 팔로잉 여부에 따라 팔로우/언팔로우 버튼을 구분하여 제공합니다

  • 유저 별 팔로워/팔로잉 목록을 제공합니다

• 소셜 로그인 기능

  • django-allauth를 활용하여, 구글 계정으로 로그인 할 수 있습니다

• 해쉬태그 기능

  • 사용자 정의 필터로 해시태그 링크를 구현하였습니다
  • 해쉬태그를 이용한 검색이 가능합니다

• 프로필 이미지 기능

  • gravatar에 등록한 프로필 이미지가 적용됩니다

3. 화면 상세

Index

Post modal

Post detail

Profile

Following/Followers

Likers

Search by hash tag

4. 반응형 웹

Index (iPhone X - iPad - iPad Pro 순서)

Post modal (iPhone X - iPad - iPad Pro 순서)

Profile (iPhone X - iPad - iPad Pro 순서)