🎨 FrontEnd CheckList Gallery

누구나 자유롭게 재사용성을 고려한 JSX 컴포넌트를 설계하고, 전시하기 위한 플랫폼입니다.

개발기간 220613 ~ 220701

🚀 여기서 확인하세요

Tech

FrontEnd

BackEnd

구현된 기능

• Github OAuth + JWT 기반 소셜로그인 & 회원가입
• Thumbnail, JSX 소스파일, Markdown 등 Multipart form을 통한 게시글 작성
• 작성자별, 태그 별 모아보기 기능
• 작성자별 게시물 관리
• 슬라이드식 게시물 전시
• Iframe + Next.js를 이용한 코드파일 뷰어

그 외 Wiki에서 다양한 글들을 볼 수 있습니다!

Member

설재혁

• API Instance 모듈 제작
• 공통 Component 제작
• Gallery work viewer(Carousel)
• 태그 및 작가별 모아보기 기능
• 작가별 작품 조회 및 삭제 기능
• Main Page 제작

김주현

• BackEnd API 제작, 배포
• iframe 뷰어 제작, 배포
• Vite app initializing
• github OAuth 로그인
• Publish 페이지 제작

이혜성

😎숨겨진 내용😎

박민수

😎숨겨진 내용😎

김소리

😎숨겨진 내용😎

Usage

• 첫 화면을 지나 갤러리에 입장할 수 있습니다.

• 갤러리에서는 상단 작가 목록과 좌측 태그를 클릭하여 게시물을 필터링할 수 있습니다.

• 작품의 미리보기 이미지를 눌러 게시물을 확인할 수 있습니다.

• 우측 상단의 Login 버튼을 통해 Github 소셜계정으로 로그인할 수 있습니다.

• 로그인이 완료되면 게시물을 작성하고 관리할 수 있는 Publish, Edit 버튼이 새로 생성됩니다.

• Publish 페이지에서 JSX 소스코드를 업로드하여 작품을 전시할 수 있습니다.