Skip to content

8566uyu/Random_Chat

Repository files navigation

Random_Chat

ezgif com-video-to-gif


👍 서비스 소개

웹 채팅 서비스 구현 및 게시판 구현

✨ 주요 기능

1. 실시간 소통(채팅) : Socket.io를 사용하여 실시간으로 소통이 가능하게 구현
2. 닉네임 수정(채팅) : 초기 닉네임 자동 설정 후 닉네임 수정이 가능하게 구
3. 채팅방 생성 가능 : 채팅방 추가 생성 가능
4. 게시판 구현 가능 : 작성, 수정, 삭제
5. 수정 및 삭제 비밀번호 : 수정 및 삭제 시 비밀번호 입력해야 가능
6. 회원가입 및 로그인, 로그아웃 : 회원가입 및 로그인, 로그아웃이 가능


🖥️ 프로젝트 구성

1. 메인페이지 : 최조 입장시 닉네임 부여하여 입장, 2. 대기방 : 원하는 채팅방 입장 전 접속자 아무나와 대화 가능

image


3. 채팅방생성(추가) : 원하는 채팅방을 생성하여 채팅 구현

image


4. 닉네임 변경 가능 : 원하는 닉네임으로 변경 가능

image


5. Community 버튼 : Community 버튼을 누르면 게시판 사이트가 나옴

image


6. 게시판목록보기 : 게시판목록보기를 누르면 작성되어있는 게시판 목록을 볼 수 있음 작성자와 작성일 볼 수 있음

image


7. 게시글작성 : 게시글 작성 가능

image


8. 게시글수정,삭제 : 비밀번호를 입력해야 수정 및 삭제가 가능

image

image


9. 회원가입 : 회원가입 가능

image


10. 로그인,로그아웃 : 로그인 및 로그아웃이 가능

image


🪄 프로젝트 확인

[https://github.com/8566uyu/Socket.io_Chat.git]
npm install
npm start

✍🏻 보완점

  • 디자인, 관리자 권한으로 게시글 삭제하기