Giter Site home page Giter Site logo

swan9710 / ssafy_3_p_on Goto Github PK

View Code? Open in Web Editor NEW

This project forked from hi9900/p_on

1.0 0.0 0.0 105.63 MB

약속 및 일정 관리 애플리케이션 서비스 P:ON

JavaScript 0.15% Ruby 0.24% Python 0.40% Objective-C 0.01% Java 19.82% Kotlin 0.01% Dart 73.20% TypeScript 3.85% CSS 0.12% Swift 0.21% HTML 0.53% Dockerfile 0.27% SCSS 1.20%

ssafy_3_p_on's Introduction

P:ON

핑키

📱 약속 및 일정을 관리하는 모바일 애플리케이션 서비스 P:ON

📅 P:ON 프로젝트 정보

| 개발 기간: 2023.10.10 ~ 2023.11.17

👩🏻‍💻 팀원



구희영 💢
(FrontEnd)



👑 김나연
(BackEnd)



김태환 🐌
(BackEnd)



김현빈 💪🏻
(FrontEnd)



이상훈 🤹🏻‍♂️
(BackEnd)



정수완 🦢
(FrontEnd)

랜딩페이지
로그인
알림
검색
마이페이지
CI/CD
카프카 클러스터
구축 및 운영
챗봇
MSA구축
채팅
약속
router 관리
AppBar
일정 관리
일정 공유
유저
알람
일정
약속
약속방
채팅
투표
추억

🔧 기술 스택

Front-End

Back-End

Server

Comunication

📺 랜딩 페이지 화면

메인
서비스 소개 페이지 서비스 소개 전체
미리보기 페이지 FAQ 페이지

🌟 주요 기능

🤙🏻 약속방

약속방 생성 약속 정보 투표 약속방 채팅
  • 약속방 정보(약속방 이름, 참여자, 약속 날짜, 시간, 장소)를 입력받아 약속방을 생성합니다.

  • 약속방 생성 시 입력되지 않은 정보는 투표를 통해 결정할 수 있습니다.

  • 약속방 참여자의 일정은 약속방 내의 캘린더를 통해 공유됩니다.

  • 약속방 참여자들은 실시간으로 채팅 할 수 있습니다.

🤖 챗봇 (Pinky)

챗봇 일정 생성 챗봇 일정 조회
  • 핑키 아이콘을 눌러 챗봇에 대한 설명을 확인할 수 있습니다.

  • 챗봇으로 자신의 일정을 생성하거나 확인할 수 있습니다.

  • 일정에 대한 정보(날짜, 장소, 일정 이름)를 입력받아 일정을 생성합니다.

  • 확인할 날짜를 입력받아 일정을 확인합니다.

⭐ 세부 기능

📟 추억

약속 종료 추억
  • 약속이 확정되면, 약속 종료 버튼이 활성화됩니다.

  • 약속 종료 시 추억 탭으로 이동합니다.

  • 추억 탭에서는 약속 이름, 일시, 참여자 정보를 확인할 수 있습니다.

  • 종료된 약속을 추억 탭을 통해 회상할 수 있습니다.

📅 일정

일정 생성 일정 조회
  • 일정에 대한 정보(일정 제목, 날짜, 시간, 장소, 메모)를 입력받아 새 개인 일정을 생성할 수 있습니다.

  • 캘린더를 통해 원하는 날짜의 일정과 약속 정보를 확인할 수 있습니다.

  • 팔로우 한 친구의 일정 여부를 확인할 수 있습니다.

  • 나를 팔로우 한 친구에게 내 일정 여부도 공유됩니다.

👩🏻‍🤝‍🧑🏻 친구

닉네임 검색 닉네임 검색
팔로우 친구
  • 닉네임을 검색해 어플을 사용중인 유저를 확인할 수 있습니다.

  • 최근 검색한 닉네임이 자동으로 저장됩니다.

  • 검색된 유저를 팔로우 할 수 있습니다.

  • 팔로잉 및 팔로워는 친구 탭에서 확인할 수 있습니다.

🔐 유저

회원 가입 회원 탈퇴
  • 카카오 로그인으로 회원 가입을 진행합니다.

  • 카카오 프로필 및 닉네임을 자동으로 입력받고, 닉네임은 변경할 수 있습니다.

  • 회원 탈퇴 버튼으로 계정 삭제가 가능합니다.

  • 계정이 삭제되면 생성한 약속방, 일정이 모두 삭제되고 복구되지 않습니다.

🔔 알림

알림
알림
  • FCM을 사용하여 사용자의 휴대폰에 푸시알림을 제공합니다.

  • 약속방에 대한 알림(약속방 초대, 투표 생성 및 종료, 약속방 종료)이 실시간으로 전송됩니다.

  • 친구에 대한 알림(팔로우)이 실시간으로 전송됩니다.

  • 알림함에서 알림을 눌러 읽음 표시를 할 수 있습니다.

  • 읽은 알림 삭제와 전체 읽음 기능을 제공합니다.

🎨 아키텍처

system

  • 서비스 백/프론트 서버들이 도커 컨테이너로 구성

  • 백엔드 서버의 경우 서비스 별로 모두 분리하여 MSA 구조를 이루고 있음.

  • AWS EC2 t2.xlarge (Ubuntu 20.04) 인스턴스에 카프카 클러스터 (3.5.0 버전 kraft) 구축

  • 브로커 3대는 각각 도커 컨테이너로 이루어져있고 도커 컴포즈로 관리

  • 챗봇 서비스가 일정 서비스의 장애로부터 격리되도록 두 서비스 간 통신에 카프카를 사용함

📁 프로젝트 관련 문서

요구사항 정의

api

api

api

api

api

api

api

api

화면 정의서

figma

ER Diagram

erd

개발 환경

덤프데이터

Dump Data 참고

UCC

ssafy_3_p_on's People

Contributors

hi9900 avatar kimta2hwan avatar iri95 avatar nayeonxkim avatar swan9710 avatar hyeonbhinkim avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.