Giter VIP home page Giter VIP logo

sign's Introduction

청중 응답 시스템 Sign

Apple_iPhone_11_Pro_Max_Presentation

개발 노트➡️ 📗 ⬅️

요약 / 서비스 내용

청중 응답 시스템 애플리케이션입니다. 코로나로 인해 온라인 수업의 비중이 늘어나면서 생겨난 교수와 학생 간의 의사소통의 불편함을 해소하고자 시작한 서비스입니다. 학생들은 색과 이모지로 자신의 이해도를 표현하면서 비대면 상황에도 적극적으로 수업에 참여하게 되고, 교수는 시각적으로 표현된 학생들의 이해도를 한눈에 즉각적으로 파악하는 것을 목표로 하였습니다.

주요 기능

  • 방 생성 및 방 코드 검색
  • 입장한 방에서 좌석 선택, 색과 이모지 선택
  • 같은 줄에 앉은 사람들간의 채팅

역할

  • 2021.08 ~ 2021.12
    • ‘공학프로젝트기획’ 수업의 프로젝트
    • 팀 리더로서 팀원 3명과 함께한 팀 프로젝트
    • 서비스 기획 및 Flask로 프로토타입 구현
  • 2023.05 ~ 2023.09
    • 서비스 기획 내용을 토대로 Spring boot와 React 프레임워크 이용하여 새로 구현

사용 기술 및 도구

Spring Boot, React, MariaDB, AWS EC2, ECS, Docker, Nginx

개발 내용

  • REST API 설계 및 개발
  • JWT를 이용한 인증
  • 소셜 로그인과 자체 로그인 구현
  • 서버/클라이언트 검증 구현
  • WebSocket과 STOMP 이용한 메시징
  • ECS와 로드 밸런서를 이용한 무중단 배포
  • Github Actions 이용한 자동 배포화

서비스 화면

  • 회원가입

    screen-recording_.7.webm
  • 소셜 로그인

    screen-recording.6.webm
  • 방 생성

    screen-recording.4.webm
  • 방 참여

    screen-recording.5.webm
  • 이해도 표현 기능

    screen-recording.2.webm
  • 채팅방

    screen-recording.3.webm

시스템 아키텍처

Sign 시스템 아키텍처

CI/CD

Sign_CICD

데이터베이스 설계 및 ERD

sign_ERD

REST API 디자인

sign api

sign's People

Contributors

otterlee9043 avatar

Watchers

 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.