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
구현 이미지