dduk-ddak / coding-night-live Goto Github PK

View Code? Open in Web Editor NEW

62.0 11.0 11.0 5.69 MB

Web-based Communication Application for Codelabs

License: Other

Python 61.62% HTML 14.77% CSS 5.20% JavaScript 18.00% Makefile 0.16% Shell 0.08% Dockerfile 0.16%

codelab communication-application seminar websocket django django-channels python

coding-night-live's Introduction

coding-night-live

coding-night-live is a Web-Based Communication Application for codelabs.

Codelab is a fun step-by-step, seminar-based approach to developing a software together.

Popular web-based applications like Slack, PingPong, etc., do exist for hosting interactive seminars, but none are customized exclusively for the codelabs. Coding-Night-Live is the light-weight, installation-free, web-based solution for the awesome codelab-thristy programmers!

For more detailed information, we have our Wiki!

Overview

Youtube Introduction for coding-night-live v1.0

3rd Place & Beyond FEST in Naver 2016 D2 CAMPUS FEST!

Features

Markdown-based slides
Live slide/code sharing
Syntax highlighting for over 100 languages
Track participants with live polling
User-friendly Q&A through comments
Catchy announcements with notice
Join codelab via unique URL created for each event
Export codelab to pdf
Collaborative code editing (future)

Installation and Settings

Build Requirements

Python 3.5+
Django 1.10+
Redis 3+
Docker (recommended)

Check requirements.txt for additional python packages

Installation

For further instructions on installation, please visit our doc page.

Third Party Libraries

Please check NOTICE

Documentation

We have a coding-night-live-doc page for project introduction, installation guide, and some documentation.

We welcome any documentation contribution.

Bug Report & Contribution

We welcome any and all suggestions. Please follow our guideline when contributing to our project.

If you find a bug, please report it to us using the Issues page on GitHub, with appropriate labels(bug, ..)!

And we're also using error logging system with Sentry. so you don't need a capture page for every error log.

License

coding-night-live is licensed under the MIT license.

The MIT License (MIT)

Copyright (c) 2017 fuzzythecat, juice500ml, punkyoon

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

fuzzythecat
Younjoon Chung
[email protected]

juice500ml
Kwanghee Choi
[email protected]

punkyoon
Jiyoon Ha
[email protected]

coding-night-live's People

Contributors

Stargazers

Watchers

Forkers

minhoryang repositivator shlee322 taeseunglee shyblue rubythonode bbonkr jaehoon92 yunitto kinkir

coding-night-live's Issues

migration 실패

manage_room.0010_auto_20170206_0055.py migrate 중에 오류가 납니다.
30b759b 커밋을 revert하면 되지 않을까 싶습니다.
업보: #26

redirection after login

when logged on user goes to http://~.com/, it does not redirect to http://~.com/services/
by the way, why are rooms named as services?

autocompletion reply is really buggy

why is that accordion acting strangely? why it is so long?
why does autocompletion recommend me invalid commands?
in that particular scenario, if you press 'up' button, command in input box disappears - you have to press 'up' button twice for autocompletion.

docker로 갑시다!

12factor를 지키고, 새로운 유저들에게 빠른 설치를 제공하기 위해서, docker이미지를 제공하고 싶습니다.

PDF인쇄를 하고 돌아오면, 제가 친 채팅이 보이지 않아요!

Happened:

PDF 인쇄 버튼을 누르고
PDF 인쇄를 진행한 후
뒤로가기
채팅에 메세지를 남김
내가 쓴 채팅이 보이지 않음.

Unexpected:

그런데 남이 쓴 채팅은 보임?!

Expected Scenario:

PDF 인쇄 버튼을 누르고
PDF 인쇄를 진행한 후
뒤로가기
채팅에 메세지를 남김
내가 쓴 채팅과 남이 쓴 채팅이 보임.

뒤로 갔다가 오더라도 채팅이 원활히 진행되었으면 좋겠음.

navbar rounding 해제

.navbar에 border-radius를 삭제하여 rounding 효과를 없애줍시다!

atomic.transaction for db manipulation

please review 6b7fe77
if this commit is valid, we'll have to change manage_chat too...

Markdown Editor

markdown editor에서 가장 첫번째로 나오는 h1을 markdown preview에서 생략(?)합니다.

모든 내용이 preview에서 보이도록 고쳐주세요!

슬라이드 변경 문제

슬라이드를 수정하고 난 뒤에 timeout 이전에 다른 슬라이드를 클릭하면 해당 슬라이드의 수정내용이 반영되지 않습니다.

Slide list

슬라이드를 새로 생성한 후, 해당 슬라이드를 클릭하면 아무런 동작을 수행하지 않습니다.
슬라이드 내용을 확인할 수 있게 고쳐주세요!

list.html delete button doesn't show modal

제곧내

how to save slides sorted

http://dba.stackexchange.com/questions/5683/how-to-design-a-database-for-storing-a-sorted-list

chat and poll doesn't scroll down automatically even if user's scroll is at the end

title=description

Markdown tooltip 이어서 개발

예시
https://github.com/punkyoon/coding-night-live/commit/af07e99f67a9bd46a82d4a12c878579d44e8ed85

TextField vs. JSONField(custom)

TextField에 JSON데이터를 넣을지 아니면 JSONField를 직접 제작하여 데이터를 넣을지 고민입니다.

JSONField를 사용할 때의 편의성 등이 얼마나 증가하는지 더 알아본 후에 적용해볼 생각입니다.

let's use tooltips!

http://davidzchen.com/tech/2016/01/19/bootstrap-copy-to-clipboard.html
https://v4-alpha.getbootstrap.com/components/popovers/
http://v4-alpha.getbootstrap.com/components/tooltips/

프론트/백 주석 달기

next_id why not unique?

https://github.com/dduk-ddak/coding-night-live/blob/master/manage_room/models.py#L62-L63
maybe carefully schedulling .save() timing will solve this?

Share 버튼을 클릭했을 때 링크가 복사되었는지 제대로 보이지가 않습니다.

제곧내

slide의 title 처리 문제

현재 slide상에서 title을 빼내는 방식은 (6b7a27f)

전체 string을 markdown.render에 넣은 뒤
render된 결과를 "out"의 innerHTML에 넣고 (이 과정에서 DOM update)
jquery를 이용해 전체 HTML으로부터 h1을 검색하여
맨 첫 h1의 textContent를 이용해 title을 빼냅니다 (@fuzzythecat 전체 dom tree에 h1이 오직 id="out"인 div에만 쓰이라는 보장이 없습니다. 오직 out.innerHTML에서만 검색하도록 고쳐주세요.)

여기서 문제는 title이 slide의 text를 markdown.render 안에서 뽑아낸다는 점에 있습니다. 코드를 고치고 있는 도중에는 효과적입니다. 하지만 이미 작성이 좀 된 slide를 맨 처음 load했을 때, 왼쪽 맨 위 햄버거를 누르면 각 slide별 제목이 모조리 나와야한다는 거죠.

해결책을 표로 정리해보면 다음과 같습니다.

모델에 title을 추가
- 장점: front에서 재처리하지 않아도 됨. 전체 md은 나중에 lazy load하고 제목만 load할 수 있음.
- 단점: 중복된 정보 전달.
맨 처음 그 시점까지 작성된 내용을 한꺼번에 받아 후처리
- 장점: 현재 모델을 변경하지 않아도 됨. 모델이 심플해짐.
- 단점: slide 개수가 늘어나면 프론트에서 처리해야 할 정보 양이 늘어남. lazy load 불가능.

27c92c1 (이 이슈 작성시의 최신)까지는 두 방식 모두 할 수 있도록 처리했습니다. 어떻게 하는게 좋을까요? 전 lazy loading때문에 1번이 맞는 것 같은데...

websocket err

reconnecting-websocket.min.js:1 Uncaught DOMException: Failed to execute 'send' on 'WebSocket': Still in CONNECTING state

http://stackoverflow.com/questions/29157807/uncaught-invalidstateerror-failed-to-execute-send-on-websocket

user_count is very buggy, but no real bug cases are found

title = description

채팅 시간 표시 문제

오후 12시 55분에 채팅을 입력하였으나, 채팅 창에는 날짜, 분, 초를 제외한 '시간'이 잘못 표기 되어짐

(정확한 시간) 2017-02-10 12:55:30 -> (실제 표기된 시간) 2017-02-10-03-55-30

db에 저장되는 시간은 정확한 시간임
front에서 잘못 표기되는 것인지 다시 확인해볼 필요가 있음

please modularize autocompletion

https://github.com/dduk-ddak/coding-night-live/blob/master/templates/room.html#L438-L795
Help me and this world...

2017년인데 jQuery라니요. Angular2로 이주시키겠습니다.

2016년에 자바스크립트를 배우는 기분

Oh my god no, no one uses jQuery anymore

asgi_redis도 필요한거 아닌가요?

http://stackoverflow.com/questions/37342571/django-channels-error-cannot-import-backend-asgi-redis-redischannellayer

똑같은 에러가 나서 저렇게 해보니 해결됨.

말을 편하게 합시다....

제곧내..

Why hash is only [0-9] ?

It's not. It's [a-z0-9]

createsuperuser에 넣은 email로는 OAuth로그인이 진행이 되지 않습니다.

/accounts/social/signup/ 페이지로 이동해 새 아이디를 만들라고 하네요...

채팅 기능 구현

nodejs+socketio로 분리해서 구현
-> 인증문제?
django + redis + channels + websocket
-> 다른 프로젝트의 채팅 예제를 따라해봤으나, 계속적으로 실패 (이유는 확인하지 못함)
django + tornado / twisted / ...
-> 세부적으로 확인 필요

모든 슬라이드를 삭제하고나서 다시 새 슬라이드를 만든 후, 이를 다시 삭제하면 또 다른 새 슬라이드가 생성되는 버그 존재.
슬라이드 삭제시 왼쪽 contents 메뉴에서 슬라이드가 사라지지 않음. 새로고침을 한 뒤에야 사라진 것을 확인할 수 있음.

1번 문제를 해결하려면 우선 단 하나 남은 슬라이드를 삭제할 수 없게 만들어야할 것 같습니다. 즉, 적어도 하나의 슬라이드만 있도록 보장해주는 거죠..

markdown table format

표가 이상한 형식으로 보여집니다. 표는 다음과 같은 형식으로 보여져야합니다.

github markdown guide

OAuth세팅이 안되어 있을 때, 에러가 불친절합니다.

related with #48

DoesNotExist at /accounts/google/login/
SocialApp matching query does not exist.

코딩하지 않은 영역에서의 에러이고, Google API Console에서 해야하니까 따로 에러페이지를 만들어주시면 좋을 것 같습니다!

dependency와 opensource code의 사용 구별
사용하는 opensource code의 라이센스 정리
라이센스 충돌 시, 다른 라이센스의 사용 검토

OAuth로 Google에 로그인할 때, https로는 로그인진행이 안됩니다.

Error: redirect_uri_mismatch

The redirect URI in the request, http://RETARDED.ngrok.io/accounts/google/login/callback/, does not match the ones authorized for the OAuth client. Visit https://console.developers.google.com/apis/credentials/oauthclient/RETARDED?project=RETARDED to update the authorized redirect URIs.

저는 Google API Console에서 https로 OAuth를 설정했거든요.

임시해결책: Google API Console에서 http URL을 추가하면, 몇 분 뒤 OAuth 로그인이 잘 진행됩니다.

SITE_ID가 settings.py에 1로 고정되어있어서,

wiki에서 Installation 가이드라인을 따라하는데요

제대로 했는데도, 아래의 에러가 뜹니다.

DoesNotExist at /services/new/
Site matching query does not exist.

django의 settings.py에 SITE_ID가 1로 고정되어 있네요.

제가 example.com을 수정하지 않고 새 site를 추가해서 OAuth2를 진행했는데요.

아마 이대로라면 example.com을 수정해서 deploy해야할 듯 합니다.