illustcomm

⭐️ 프로젝트 소개

일러스트 작가들을 위한 SNS 커뮤니티

⏰ 개발 기간

• 2023.04.14 ~ 2023.04.28

배포사이트

• AWS 배포 후 현재 AWS비용 이슈로 백엔드 배포 끊김

📝 작업내용

• 회원가입, 로그인 기능 (이메일 중복확인, 비밀번호 확인)
• 게시물 작성, 수정
• 게시물 좋아요 기능
• 게시물 댓글 기능

⚙️ 개발환경

• 사용언어: React, Typecript
• HTTp Client: axios
• style: styled-components
• 상태관리: zustand react-query
• 라이브러리:react-router-dom react-hook-form react-cookie react-masonry-css react-slick
• BackEnd: Node.js Express MySQL AWS RDS AWS S3

---

📦 프로젝트 폴더 구조

📦 illustcomm-FE
 ┣ 📂public
 ┣ 📂src
 ┃ ┣ 📂apis
 ┃ ┣ 📂components
 ┃ ┣ 📂hooks
 ┃ ┣ 📂interface
 ┃ ┣ 📂pages
 ┃ ┃ ┣ 📂ArtLabPage
 ┃ ┃ ┣ 📂LoginPage
 ┃ ┃ ┣ 📂MainPage
 ┃ ┃ ┣ 📂MyLabPage
 ┃ ┃ ┣ 📂NotFoundPage
 ┃ ┃ ┣ 📂PicLabDetailPage
 ┃ ┃ ┣ 📂PicLabPage
 ┃ ┃ ┣ 📂PostUpdatePage
 ┃ ┃ ┗ 📂RegisterPage
 ┃ ┣ 📂routers
 ┃ ┣ 📂store
 ┃ ┣ 📂styles
 ┃ ┣ 📂utils
 ┣ 📜index.html
 ┣ 📜package-lock.json
 ┣ 📜package.json
 ┣ 📜tsconfig.json
 ┗ 📜yarn.lock

---

🖥 프로젝트 미리보기

메인 페이지	ArtLab
작품들의 작품리스트들을 확인 가능	작가 리스트를 확인 가능

회원가입	로그인
이메일 중복 체크 후 회원가입 가능하도록 구현	로그인 후 엑세스 토큰, 리프레시토큰을 쿠키에 저장

작품 등록	작품 수정
작가들은 작품 등록 가능	작품, 타이틀, 설명 수정 가능