본문 바로가기
개발자 상우의 지금 이야기/PLOVER

PLOVER README

by upswp 2021. 2. 25.

PLOVER

image

🏡Let's PLOVER!🌈 Link

[배포는 했지만.. aws를 닫았습니다 ㅠ]


image

Name 윤기현 이아영 박상우 임장순 박지영 차수연
Profile 그림4 unknown 그림3 그림6 그림7 그림8
Position CI/CD구성 및관리, 서버 개발 서버 개발 팀장 & 서버개발 & 기획 UI/UX 디자인 & 개발 기획 & UI/UX 디자인 & 개발 UI/UX 디자인 & 개발 & UCC
Git @KihyeonYun @LeeA0 @upswp @color0e
@rosenari
@reachgoal321 @pepprbell
닉네임🍕 핫소스 올리브 도우 먹장수 감자 피망

Team Communication Rule ✨

  • 팀원간의 소통은 존댓말로!

    사적인 자리에서는 친분을! 하지만 프로젝트는 우리 모두의 존중을 위해 존댓말로!

  • 프로젝트 이슈 관리는 스스로!

    팀장과 CTO를 중심으로 프로젝트 이슈를 기획하고 스스로 관리하며 이슈처리를 학습!

  • 모든 대화는 한곳에서!

    공적인 대화는 front와 back개발자들이 모두 알 수 있도록! 흐름은 모두가 알고가자!


👨‍👨‍👧 서비스 소개

image

🤔[열심히 취업준비하는 현역 SSAFY 김싸피]

  • 취업에 성공한 SSAFY 선배분들의 이야기가 궁금합니다!

😓[멋지게 취업에 성공한 SSAFY 선배 임싸피]

  • 취업성공 후기와 취뽀와 꿀팁을 SSAFY 후배들과 공유하고 싶어요!

😫[혼자서 공부하는게 지친 현역 SSAFY 차싸피]

  • 스터디에 들어가고 싶은데 어디에 신청해야할지 모르겠어요!

🙄[다른회사 다니는 SSAFY 개발자의 근황이 궁금한 윤싸피]

  • 다양한 개발경험이 있는 SSAFY 사람들과 지식을 공유하고 싶어요!
그런 당신을 위해 준비했습니다! 실시간 멘토링 서비스 PLOVER👍

image

:computer: 핵심 기능 (시연 영상 Let's get it ~! )

  • 멘토의 모습을 생생하게 라이브로! 실시간 라이브 멘토링
  • 멘티의 궁금증은 편하게 채팅으로! 실시간 채팅 멘토링
  • 스터디 현황을 한눈에 ! 스터디 매칭 시스템
  • 모든 사람들과 소통 ! SNS 시스템

image

                **youtube Link : **

😎 https://youtu.be/oqFF05Jzb4k 🤩


image

페이지 상세 설명

  • Login & SignIn

  • Home & Menu & Alarm

    • Logout 버튼 : hello, user ID 옆 탈출구 초록이모티콘

  • Profile & Follow

    • 프로필을 예쁘게 꾸며봅시다 😍

    • 프로필 확인 주소 (다른 이용자 프로필 url) : ex ) ~ /profile/235

      ~ /profile/95
      
      ~/profile/1

  • Chatting

    • Chatting : user 프로필 페이지, mentoring, studying 상세페이지에서 1:1 대화 가능

  • Mentoring

  • Studying


image

🚀 배포 플로우

plover_infra_v1.4.0

:video_game: 기술 스택

💻Back-End

기술스택 ----------------------

Apache Maven

 

JAVA

 

SpringBoot

 

MariaDB

📚사용된 라이브러리 ----------------------

spring-mail

 

spring-security

 

spring-redis

 

spring-jpa

 

spring-jdbc

 

spring-validation

 

Lombok

 

Swagger

 

Firebase-admin

 

JSON_Web_Tokens

🌏인프라

⚙️기술스택 ----------------------

Docker

 

Nginx

 

Jenkins

 

GitLab

 

Mattermost

 

Slack

📚사용된 라이브러리 ----------------------

Apache Ant

 

Email Extension

 

Credentials

 

Maven Integration

 

Node.js

 

GitLab Plugin

 

Mattermost Notification

 

Slack Notification

 

Publish Over SSH


✨Front-End

⚙️기술스택 ----------------------

React

 

PostCSS

 

WebSocket

📚사용된 라이브러리 ----------------------

Font Awesome

 

Axios

 

ClassNames

 

Firebase

 

Kurento-utils

 

MD5

 

PropTypes

 

React-dom

 

React-fade-in

 

react-router-dom

 

React-scripts

 

socket.io-client

🔥라이브

⚙️기술스택 ----------------------

VMware

 

WebRTC

 

Express(Node.js)

 

WebSocket

 

Docker

 

Nginx


⚙️ Install and Usage

Frontend

  • 프로젝트 생성

    • $ npx create-react-app { appname }
  • 프로젝트 실행

    • $ npm start

Backend

  • Java (Open JDK 14)를 설치합니다.
  • Maven을 설치합니다.
  • VS Code 및 관련 Spring Boot Extension Pack 설치합니다.
  • Docker를 설치합니다.

Maria DB 컨테이너 실행

  • docker run --name-db -p 3306:3306 -e MYSQL_ROOT_PASSWORD={패스워드} -d mariddb

    • 패스워드를 칠 때는, 대괄호를 지우고 칩니다.
  • docker exec -it maria-db mysql -u root -p

    • docker를 켜고, maria-db를 실행하기 위한 코드입니다.

DB 테이블 생성

  • DB 테이블을 생성합니다.

:open_file_folder: 개발 스프린트

스프린트 PM FE BE
설계🙄 - 협업툴 배포,
- 프로젝트 설정 및 구축
- 프로젝트 룰 설정
- 문서관리
- UI 와이어프레임 작업 진행 - 인프라 구축 기획 및 설계
기본기능개발⚡ - 1차,2차 기본기능 테스트 진행
- 1차 점검 발표자료 준비
- 각 페이지 주요 컴포넌트 개발
- User 관련 UI / UX 디자인 보완
- spring security 작업 진행 및 기본기능 구현
- User 관련 REST API 개발
기본기능 개발⚡
&
핵심기능 개발🤖
- 이슈관리 및 이전 스프린트 보고서 분석
- 이후 프로젝트 스케줄 관리
- 추가 기능 확장 검토
기본기능 관련 페이지 개발
- 스터디 등록 페이지 개발
- 스터디 상세 페이지 개발
- 스터디 목록 페이지 개발
- 로그인 페이지 개발
- 기본기능 보완
- 스터디 관련 REST API 개발
기능 검토🤔
&
핵심기능 개발🤖
- 주요이슈 토론
- 2차 중간 점검 준비
- 멘토링 등록 페이지 개발
- 멘토링 상세페이지 개발

- 멘토링 라이브 페이지 개발
- 멘토링 라이브 서버 개발
- 계정관리 페이지 개발
- 메인페이지 개발

- 기본 기능관련 페이지 수정
- 멘토링 관련 REST API 개발
- 스터디 관련 REST API 수정
- 알람 관련 REST API 개발
- 프로필 관련 REST API 개발
보완작업 ⚓
&
TEST👾
발표,UCC준비🦾
- 기능 테스트
- README.md 파일 최종 수정
- 발표준비, 발표자료 준비
- UCC 제작 진행
- 반응형 CSS 작업 진행
- 멘토링 목록 페이지 개발
- 메인페이지 수정 및 보완
- 채팅 페이지 개발
- 페이지 관련 수정사항 진행
- 최종 디자인 작업 마무리
- 댓글 관련 REST API 개발

- 기본기능 REST API 보완작업

- 핵심기능 REST API 보완작업
- 배포 서버 최종 확인 및 점검

📜 PLOVER ProgressStatus

구분 이름 링크
[설계] 와이어프레임 UI 작업 PLOVER_figma
[설계] RestAPI Swagger PLOVER_swagger
[설계] RestAPI 문서 Google docs PLOVER_RESTAPI_docs
[설계] DB 스키마 ERDcloud PLOVER_DB_docs
[빌드] CI Jenkins PLOVER_jenkins
[문서] Server 상태 안내 Server_주소 및 상태 현황 PLOVER_Server
[문서] 회의록 회의록 및 문서정리 PLOVER_doc
  • 일부 링크는 보안문제로 열람이 불가능 할 수 있습니다.
    요청은 (tkddnsos@gmail.com)을 통하여 연락주시면 열람권한 드리겠습니다.

'개발자 상우의 지금 이야기 > PLOVER' 카테고리의 다른 글

PLOVER에서의 팀장, 첫번째 이야기  (0) 2021.02.28
PLOVER Business Rules  (0) 2021.02.24