Hellol77 / todo

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

todo app

node.js + ejs 를 사용한 todo app 페이지를 구현해봤습니다.

home 화면

image 위의 nav의 메뉴를 통해 login 이나 다른 사람들이 쓴 todo를 볼 수 있습니다.

login 및 회원가입 화면

image 아래의 회원가입 form을 통해 회원가입을 할 수 있으며 위의 로그인 form 을 통해 로그인을 할 수 있습니다.
Session-based Authentication을 이용한 로그인 입니다.

write 화면

image 할일과 날짜를 쓰고 write하면 list에 쓴 할일과 날짜가 보이게 됩니다.

list 화면

image write에서 쓴 todo들이 list로 보여지게 됩니다.
검색창은 할 일을 검색하도록 설정되어 있습니다.
삭제는 todo의 작성자만 삭제가 가능하고 채팅 버튼을 누르면 chat화면에 채팅창이 생성됩니다.

chat 화면 (미완성)

image 왼쪽의 채팅창을 누르면 그 동안의 채팅기록이 보여지게 됩니다. 채팅을 치고 전송을 버튼을 누르면 채팅창에 실시간으로 업데이트 됩니다.

About


Languages

Language:EJS 71.3%Language:JavaScript 24.4%Language:HTML 3.2%Language:CSS 0.9%Language:Shell 0.3%