Overview
개요
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio
ICIB-Portfolio

우리 일상에 일부분이 되어버린 SNS!
코로나시대에 직접 만나기보다 비대면을 통해 소통하는점을 생각하여 프로젝트를 기획하게 되었습니다.
프로젝트 내내 사용자와의 친밀성과 새로움을 주기 위하여 정말 많은 기능들과 디자인을 참고하였고,
사용자의 가치관과 생각을 공유하기 위해 많은 컨텐츠들을 찾고 공부하였습니다.

Team Members
팀원
  • 조단(리더): API 활용, 실시간 채팅
  • 강동훈: 프로필, 스토리(촬영, 업로드)
  • 김종훈: 댓글, 알림류승하: 검색, 추천 알고리즘
  • 정소윤: 피드, 스토리(팝업), Heroku
  • 정해인: 보안, 로그인, 회원관리
  • 공동작업 : 컴포넌트 설계, 로직 설계, 데이터베이스 설계, 디자인 설계
Function Implementation
구현 기능
  • Interaction
  • Feed
  • Profile
  • RealTime Chat
  • Story
  • Recommend Algorithm
  • Mobile Push Notification
  • Take Image Video, Upload for mobile
  • Hash
  • API ( weather, covid, email etc. )
  • Search
  • AWS S3
  • JWT Security
Design Point
설계 주안점
  • 사용자가 보는 모든 요소에 대해 클라이언트가 효율적으로 보여질수 있도록 페이지들을 디자인 하였습니다.
  • Web과 Mobile을 동시에 지원하며 사용자가 가진 멋진 개성을 친구들과 함께 공유할수있는 준비한 특별한 게시물 페이지가 있습니다. 또한 나만의 생각과 다른사람의 가치관을 서로 소통할수있도록 Realtime Chat과 follow, comment 등 많은 UI들를 구현하였습니다.
  • 볼때마다 사용자의 마음에 쏙 들게하는 추천 알고리즘을 통한 Explore 역시 빼놓을 수 없는 Semicolon SNS만의 매력입니다.
  • 지금 나의 활동을 실시간으로 보여줄수있는 Story 역시 빠질수 없는 SemiColon SNS의 특징입니다. 또한 사용자에게 원활한 서비스를 제공하기위해 별도로 운영되는 Server들을 사용하여 빠르고 신속하게 데이터가 처리될수있도록 하였습니다.
Technique & Environment
사용 기술 및 개발환경
  • DB설계 : Prisma, PlayGround
  • IDE 도구: : VisualStudioCode, Pycharm
  • 언어: ES6 / Python / GraphQL / HTML / CSS
  • 주요 라이브러리: React / React-navive / EXPO / Apollo / Node.js / Prisma / Gson(JSON) / websoket / scikit / flask / aws
  • DB서버 : Heroku
  • API서버 : flask
  • Web 서버: Netlify
  • App서버 : EXPO
  • 형상관리: GitHub