slack 클론코딩

정영찬·2022년 11월 5일
0

프로젝트 실습

목록 보기
60/60

slack 프로그램이 제공하는 서비스를 클론코딩하여 사이트를 제작한다.

기능

  • 회원가입
  • logout
  • login
  • 채팅 (텍스트, 이모티콘, 이미지)
  • 프로필 설정

기술 스택

  • emotion/style, emotion/react (styled component 사용 목적)
  • mui/icons-material (material icon 사용 목적)
  • mui/styles( makestyle 사용목적)
  • dayjs (날짜 포맷 변환)
  • md5 (이미지 파일을 해쉬로 변환)
  • react-avatar-editor (사용자 프로필 이미지 수정)
  • react-colorful ( 테마 색상 변경용 )
  • react-redux ( store 생성및 상태관리 )
  • react-router-dom
  • firebase
  • uuid

firebase 링크

https://slack-clone-a6d4f.firebaseapp.com/

GitHub 링크

https://github.com/jyc-coder/slackclone

구현 이미지

profile
개발자 꿈나무

0개의 댓글