Skip to content

KHUCapston-concoder/Frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

af082ce · Mar 21, 2023
Sep 26, 2022
Mar 17, 2023
Oct 24, 2022
Sep 26, 2022
Sep 26, 2022
Jan 24, 2023
Oct 16, 2022
Dec 3, 2022
Dec 3, 2022
Sep 26, 2022
Mar 16, 2023
Oct 9, 2022
Dec 3, 2022

Repository files navigation


스크린샷 2022-11-21 오후 3 48 47

ConCoder

WebRTC와 WebSocket 을 이용한 실시간 알고리즘 화상 교육 웹 플랫폼

Watch Demo · Check out Presentation Matrials · Development Docuemnt · BACKEND PROJECT

ConCoder는 ConCurrency + Coder의 합성어로, "동시에 코딩하는 사람들" 이라는 의미를 가지고 있다.

경희대학교 캡스톤디자인 수업 프로젝트의 일환으로 화상통화와 동시 프로그래밍 서비스를 결합하여 편리하게 하나의 웹 사이트에서 이용할 수 있는 서비스를 개발하였다.

Built With

높은 품질과 안정성을 보장하는 알고리즘 화상 교육 웹 서비스를 구현하기 위해 기본적인 웹 프레임워크에 WebRTC , Web Socket 통신, Multi-Thread 처리 등 여러 기술을 더하여 본 서비스를 개발하였다.

FRONTEND

React

BACKEND

Spring

기능

메인 페이지

✨ 가장 왼쪽의 섹터에서 백준에 있는 문제들의 정보를 열람할 수 있다. 필터 검색번호 검색을 지원하며, 필터 검색은 DB에서 티어 기준으로 랜덤 추천해준다.

✨ 가운데에는 코드 에디터가 위치해있고, 아래에 컴파일 버튼과 스냅샷 버튼으로 해당 기능들을 이용할 수 있다. 컴파일시 우측 상단 컴파일 정보 섹터에 시간과 메모리 정보를 확인할 수 있으며, 컴파일 실패시 에러 로그를 보여준다.

✨ 우측 중앙에 테스트케이스를 등록하면 컴파일시 각 테스트케이스의 성공 여부도 확인할 수 있다.

✨ 가장 우측 하단에는 채팅 기능을 제공한다.

KakaoTalk_Photo_2022-11-21-15-28-07 002


코드 스냅샷 및 불러오기 기능

KakaoTalk_Photo_2022-11-21-15-28-06 001


타이머

KakaoTalk_Photo_2022-11-21-15-28-07 003

Contacts

❣️ FRONTEND

정지원 ✉️ wjdwl001@khu.ac.kr
최지민 ✉️ 527wlals@khu.ac.kr

❣️ BACKEND

민수빈 ✉️ tnqls5417@naver.com
신정아 ✉️ jeonga@khu.ac.kr

About

경희대학교 2022-2 캡스톤디자인1 Front 팀입니다.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages