/KPPL_STUTI_FE

Mbti를 이용한 스터디 모집 웹

Primary LanguageTypeScript

STU·TI


스터티아이 - MBTI 기반 개발 스터디 모집 서비스


스터티아이는 개발 스터디 모집 또는 참여시 MBTI를 추천하여
잘 맞는 성향의 사람끼리 스터디를 구성할 수 있게 도움을 줍니다.

또한 스터티아이 커뮤니티를 통해
스터디 진행이 막힐 때 도움을 요청하거나
스터디 관련 정보 또는 배운 내용을 공유할 수 있습니다.


👉 프로젝트 바로가기
👉 백엔드 깃허브

미리보기


👬 TEAM 김팽박이

프론트엔드

팽건우(Paeng)👑 김가연(Kaia) 김정환(Padd) 박민제(Jay) 이재웅(Mckee)
커뮤니티 게시물 목록
게시물 생성
게시물 수정
스터디 목록
프로필 상세
프로필 수정
스터디 상세
스터디 관리
스터디 생성
스터디 수정
로그인
회원가입
레이아웃
라우터 처리
팀장
화면 및 기능 명세
디자인 보일러 플레이트 코딩 컨벤션 문서화 깃 & 깃허브 워크플로우

백엔드

김성현(LA)👑 이용훈(Cheeseball) 이예림(Celine) 이인후
Leader Developer Developer Advisor


📅 개발 일정

2022.07.20~2022.08.16(28일)

구분 기간 항목
1 07.20~07.26(7일) 프로젝트 기획
2 07.27-08.07(12일) 프론트엔드/ 백엔드 기능 개발
3 08.08~08.12(5일) 통합 개발 및 배포 테스트
4 08.13~08.16(4일) 버그픽스 및 리팩토링


💻 기술 스택

언어

TypeScript

라이브러리

React Redux MUI Emotion Storybook Axios

배포

Netlify



📂 폴더 구조

src
├─ assets
│
├─ constants
├─ interfaces
├─ utils
├─ apis
│
├─ hooks
├─ stores
├─ styles
│
├─ components : 반복해서 사용되는 UI 요소를 정의하는 컴포넌트
├─ containers : 데이터를 읽고 가공해서 다른 컴포넌트로 전달하는 컴포넌트
├─ layout
├─ pages
├─ router
│
├─ App.tsx
└─ index.tsx


➡️ Git & Github 워크플로우

Git & Github 워크플로우


📋 코딩 컨벤션

코딩 컨벤션


📩 API 명세

API 명세



✨ 주요 기능

구분 경로 화면 기능
/ 홈-360 • 스터디 목록, 스터디 삭제
• 무한 스크롤
• 필터
스터디 상세 /study/:study_id 스터디상세-360 • 스터디 상세 정보
• 댓글 목록, 생성, 수정, 삭제
스터디 관리 /study/:study_id/manage 스터디관리-360 • 스터디 멤버 관리
• 스터디 삭제
스터디 생성 /study/create 스터디생성-360 • 스터디 생성
• 폼 유효성 검사
스터디 수정 /study/:study_id/edit 스터디수정-360 • 스터디 수정
커뮤니티 /community 커뮤니티-360게시물모달-360 • 게시물 목록, 생성, 수정, 삭제
• 댓글 목록, 생성, 수정, 삭제
• 폼 유효성 검사
• 무한 스크롤
프로필 상세 /user/:user_id 프로필상세-360 • 프로필 상세 정보
• 스터디 목록
• 게시물 목록
프로필 수정 /user/:user_id/edit 프로필수정-360 • 프로필 수정
회원 가입 /signup 로그인모달-360회원가입-360 • 회원가입
로그인 /login --- • Oauth 처리


📝 진행 과정

👉 Notion 김팽박이


🧐 회고