Skip to content
@cd-carpe-diem

Carpe Diem

일상의 순간을 기록해주는 디지털 앨범 서비스 📸

logo

👉🏻 Contents

🚀 프로젝트 개요

  • 모든 팀원이 풀스택으로 개발에 참여했으며, 주 포지션은 아래와 같습니다.

Name 김다솔 김수경 이지연 주성우 홍서희
Profile 김다솔 김수경 이지연 주성우 홍서희
Position Frontend & UI/UX 팀장 & Backend Develop Frontend & UI/UX Backend Develop Backend Develop
Git @sol2588 @olive-su @ljy6712 @nickhealthy @XxoSio

🎮 기술 스택

✨ Front-End

⚡️ FE 자세히 살펴보기
  • typescript : 4.9.5
  • react: 18.2.0
  • react-webcam: 7.0.1
  • redux: 4.2.1
  • redux-saga: 1.2.2
  • styled-components: 5.3.6
  • socket.io-client: 4.6.0
  • aws-sdk: 3.266
  • axios : 0.21.1
  • fontawesome : 2.0.2
  • vue-awesome-swiper : 4.1.1
  • eslint & prettier : 6.7.2
  • mui/material : 5.11.7
  • react-oauth/google : 0.7.0
  • html2canvas : 1.4.1
  • react-images-upload : 1.2.8

💻 Back-End

⚡️ BE 자세히 살펴보기
  • typescript : 4.9.5
  • Nodejs : 18.14.0
  • express: 4.17.17
  • eslint: 8.33.0
  • dotenv: 16.0.3
  • aws-sdk: 3.266
  • multer: 8.33.0
  • socket.io: 4.6.1
  • passport: 0.6.0
  • passport-google-oauth2: 0.2.0
  • swagger-jsdoc: 6.2.8
  • swagger-ui-express: 4.6.0
  • cors: 2.8.5
  • mysql: 8.0.28
  • sequelize: 6.28.0
  • winston: 3.8.2
  • winston-daily-rotate-file: 4.7.1

🌏 Infra

⚡️ Deploy, CI/CD 자세히 살펴보기
  • AWS IAM - Access Management
  • AWS EC2 - Deploy Server
  • AWS Lambda - Change File extension, Make Thumbnail, Batch
  • AWS Cloud Front - CDN
  • AWS S3 - File(Image, Video) Server
  • AWS RDS - DB Server
  • Nginx - WEB Server
  • Github Action
  • Docker

🙌🏻 Collaboration


🚀 서비스 소개

아무리 많은 돈과 황금이 있더라도 단 1초의 시간도 살 수 없다.
_어벤져스 토니스타크 대사 中

우리의 인생은 1분, 1초 모두 놓치기 아까운 소중한 시간들입니다.


☀️ Carpe Diem은 이런 생각에서 시작하였습니다.

  • 소중한 추억들은 항상 일상생활에서 일어나는데, 그 순간이 지나서 아까운 경험은 없으셨나요?
  • 그 순간을 다시 회상하고 싶진 않으셨나요?
  • 영상을 전체 저장해서 그 순간을 찾아내는 것 보단 특정 순간을 바로 보고 싶지 않으셨나요?

☁️ Carpe Diem은 이런 서비스입니다.

  • Carpe Diem과 함께라면 오늘 하루를 포착하고, 인생의 모든 소중한 순간을 포착할 수 있습니다.
  • 감지된 인물과 감정을 기반으로 개인화된 앨범을 쉽게 제작할 수 있습니다.
  • 앨범, 감정 리포트를 친구들과 소중한 경험들을 공유할 수 있습니다.

"지금, Carpe Diem을 시작하여 평생 간직할 수 있는 추억을 만들어 보세요!"


"특별한 순간들을 다시 경험해보세요!"


🚀 주요기능

1️⃣ 소셜 로그인

💬 Google 소셜 로그인으로 별도의 회원가입 없이 간편하게 서비스를 이용할 수 있어요!


2️⃣ 카메라 촬영

💬 두 가지 촬영 모드로 손쉽게 촬영을 시작해보세요!

  • 웹캠 & 모바일, 두 가지의 촬영 모드를 통해 어디서나 쉽게 촬영을 저장할 수 있습니다.
    • 모바일은 QR 코드를 통해 접근가능합니다.

3️⃣ 얼굴 & 감정 디텍팅

💬 사용자 등록 이미지를 토대로 정확한 디텍팅을 수행합니다.

  • 초기 서비스 이용 시 인물 등록을 통해 특정인을 구분하여 영상을 녹화하고, 감정 그래프를 통해 실시간으로 감정을 추적할 수 있습니다.

    • '행복해요', '슬퍼요', '화나요', '힘들어요', '두려워요', '놀라워요' 총 6가지의 감정을 추척하고 기록할 수 있습니다.
  • 친구 목록 탭에서 등록한 이미지를 변경하여 재등록할 수 있습니다. 재등록된 사진을 기준으로 인물을 인식합니다.


    4️⃣ 비디오 확인하기 & 앨범 생성하기

    💬 비디오 탭에서 만들어진 영상들을 모아 앨범 형태로 제작해보세요!

    • 다양한 감정 상태를 통해 자동으로 영상이 녹화되고, 비디오 탭에 저장됩니다.

      • 비디오 탭에서 영상 미리보기, 감정별 필터링이 가능합니다.
    • 저장된 영상은 웹캠 & 모바일 탭의 '최근 저장된 영상' 에서 24시간 내 녹화된 영상들을 바로 확인할 수 있습니다.


    5️⃣ 친구

    💬 친구끼리 앨범 공유를 통해 소중한 추억과 감정들을 공유하고, 아낌없는 축하와 격려를 보내주세요!

    • 친구 ID 또는 이메일을 통해 친구를 맺을 수 있습니다.
    • 저장된 영상을 앨범으로 저장하여, 친구들과 소중한 추억을 공유할 수 있습니다.

    6️⃣ 감정 리포트

    💬 감정 리포트를 통해 나의 감정 상태를 되돌아보세요!

    • 일주일 간의 저장된 영상들을 통해 감정에 대한 통계를 제공합니다.

    • 다운로드 기능을 통해 리포트를 보관할 수 있습니다.
    • 친구끼리 감정 리포트를 이메일로 공유하고 나의 감정 상태를 친구에게 알릴 수 있습니다.


    🚀 서비스 아키텍쳐


    🚀 포스터

Popular repositories Loading

  1. Carpe-Diem-FE Carpe-Diem-FE Public

    Carpediem Frontend Repository

    TypeScript 5

  2. Carpe-Diem-BE Carpe-Diem-BE Public

    Carpediem Backend Repository

    TypeScript 5

  3. .github .github Public

Repositories

Showing 3 of 3 repositories
  • .github Public
    cd-carpe-diem/.github’s past year of commit activity
    0 0 0 0 Updated Mar 18, 2023
  • Carpe-Diem-BE Public

    Carpediem Backend Repository

    cd-carpe-diem/Carpe-Diem-BE’s past year of commit activity
    TypeScript 0 5 0 0 Updated Mar 18, 2023
  • Carpe-Diem-FE Public

    Carpediem Frontend Repository

    cd-carpe-diem/Carpe-Diem-FE’s past year of commit activity
    TypeScript 0 5 0 0 Updated Mar 17, 2023

Top languages

Loading…

Most used topics

Loading…