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/

구현 이미지