💻 Community For Developers

개발자를 위한 커뮤니티 입니다.

📌 서비스 링크 (api 혹은 회의록 같은거?)

http://kdt-sw2-seoul-team06.elicecoding.com/

📝 서비스 소개

• 개발자를 위한 커뮤니티 플랫폼입니다.
• 포트폴리오를 작성하고 공유하며 자신을 어필할 수 있습니다.
• QnA게시판을 이용하여 다른 개발자들과 질의응답을 할 수 있습니다.
  
  

📝 디렉토리 구조

community-for-developers
├─ back-end
│  ├─ src
│  │  ├─ db
|  |  |  ├─ models
│  │  │  └─ schemas
|  |  |     └─ joi-schemas
│  │  |
│  │  ├─ interfaces
│  │  ├─ middlewares
│  │  ├─ routers
│  │  ├─ services
│  │  └─ utils
│  │
├─ front-end
│  ├─ .swc\plugins\v2
│  ├─ actions
│  ├─ components
│  │  ├─ Common
│  │  ├─ CreatePortfolio
│  │  ├─ Editor
│  │  ├─ PageLayout
│  │  ├─ Portfolo
│  │  ├─ Questions
│  │  ├─ Sign
│  │  └─ UserProfile
│  │
│  ├─ config
│  ├─ hooks
│  ├─ pages
│  │  ├─ login
│  │  ├─ portfolio
│  │  ├─ profile
│  │  ├─ qna
│  │  └─ signup
│  │
│  ├─ public
│  │  └─ images
│  │
│  ├─ reducers
│  ├─ store
│  └─ styles

📝 기능 및 구현 상세

- 유저
    - 회원가입
        - 소셜 로그인 -> Oauth [Github,Kakao]
        - 이메일 인증 -> Nodemailer [Gmail SMTP]
    - 로그인
        - access token, refresh token [Jwt]
        - Cookie
    - 로그아웃
    - 회원정보 수정
    - 회원탈퇴
        - soft delete
    - 비밀번호 변경 (소셜 로그인 가입자 x)
    - 유저 프로필 조회 (본인/다른 유저 구분)
    - 작성한 포트폴리오 조회
    - 스크랩한 포트폴리오 조회
    - 질문 글 조회
    - 답변 글 조회
- 포트폴리오
    - 포트폴리오 조회
        - infinite scroll
    - 포트폴리오 작성
      포트폴리오 수정
        - editor.js
        - 이미지 업로드 -> Multer & Firebase storage
    - 포트폴리오 삭제
    - 포토폴리오 검색 -> MongoDB searchIndex, 동적 필터
    - 포토폴리오 추천 & 스크랩
    - 포토폴리오 댓글 CRUD
- QnA
    - QnA 작성
        - editor.js
    - QnA 수정
        - editor.js
    - QnA 삭제
    - QnA 추천(좋아요)
    - QnA 답변 댓글 CRUD
    - 질문 검색 -> MongoDB searchIndex
    - 질문 조회
        - infinite scroll
- 에러 페이지
    - 404 페이지
- 기타
    - 모든 페이지 반응형으로 제작 (max-width:768px 기준/ 모바일, 데스크탑 대응)

📝 기술 스택

• Front-End
  • SSR: Next JS
  • 상태 관리: Redux Toolkit
  • CSS: Emotions
  • UI framework: antd
• Back-End
  • Express/Typescript
  • MongoDB
  • Firebase

📝 팀원 및 역할

이름	포지션	업무
이준서	FE	- 헤더 / 푸터 / 컨텐츠 레이아웃 - 로그인 / 회원가입(OAuth 로그인/가입) - 유저 프로필 페이지 - 404 페이지 - 프로젝트 세팅(Next.js / redux-toolkit)
지의신	FE	- 포트폴리오 컴포넌트 - 에디터 커스텀 - 무한스크롤 / 검색필터 - 댓글 기능
이형민	FE	- QnA 컴포넌트 - 무한스크롤 / 검색 - 댓글 기능 - Editor.js - Like 기능
김태준	BE	- 포토폴리오/댓글 API - OAuth 로그인/가입 - 검색 기능(MongoDB searchIndex) - Joi validation 미들웨어 - custom errorHandler
김용민	BE	- User/QnA API - Cookie & Jwt token - 이미지 업로드 - Email 인증

제작과정

• notion: https://www.notion.so/Elice-Team-6-917622bb4c974c2cb46c4a3040b904e3