Skip to content

TeamDevInit/frontend

Repository files navigation

DevInit - 개발자 커뮤니티 플랫폼 🚀

React TypeScript Tailwind CSS Zustand

Deploy

👥 팀 소개

DevInit은 열정 넘치는 4명의 개발자가 모여 시작한 프로젝트입니다.

Frontend Frontend Backend Backend
김민성 백승범 민지원 문선민

📌 프로젝트 소개

DevInit은 개발자들의 새로운 시작을 응원합니다!

개발자 커리어를 시작하는 순간부터 함께하는 커뮤니티를 지향합니다.
DevInit이란 이름에는 개발자(Developer)의 시작(Init)이라는 의미를 담았습니다.

🎥 시연 영상

DevInit 소개영상 보러가기

🎯 주요 기능

🏠 홈화면

  • 간편한 소셜 로그인
  • 프로필 랜덤 슬라이드 조회
  • 무한스크롤이 적용된 피드형 게시글

📝 게시판

  • 카테고리별 게시글 조회 (무한스크롤)
  • 태그 기반 필터링 시스템
  • 키워드 검색 기능

✍️ 게시글 기능

  • 마크다운 에디터 지원
  • 로컬 이미지 업로드
  • 대댓글, 좋아요, 팔로우 기능
  • 게시글 태그 및 카테고리 지정

👤 프로필

  • 개인 프로필 및 이력서 관리
  • 작성 게시글 히스토리
  • 팔로우 시스템
  • GitHub 스타일의 연간 활동 통계
  • 프로필 정보 커스터마이징

🌐 개발자 허브

  • 개발자 프로필 디렉토리
  • 다양한 필터링 옵션 (최신순/인기순, 기술 스택, 경력)
  • 무한스크롤 적용된 유저 리스트

💬 실시간 채팅

  • WebSocket과 STOMP 기반 실시간 채팅
  • 채팅방 생성/조회/삭제
  • 실시간 메시지 처리 시스템

🛠 기술 스택

Frontend

React TypeScript Tailwind CSS Zustand React Hook Form Swiper  React MD Editor stompjs

DevOps & Tools

Nginx GitLab ESLint Prettier Vite NPM Visual Studio Code Git

📝 커밋 메시지 컨벤션

feat: 새로운 기능 추가
fix: 버그 수정
docs: 문서 수정
style: 코드 포맷팅
refactor: 코드 리팩토링
test: 테스트 코드
chore: 사소한 수정 및 빌드 설치 사항
build: 빌드 관련 수정

📁 프로젝트 구조

src/
├── apis/          # API 통신 관련 코드
├── assets/        # 정적 리소스
├── components/    # 재사용 가능한 컴포넌트
├── constant/      # 상수 정의
├── hooks/         # 커스텀 훅
├── mocks/         # 목업 데이터
├── pages/         # 페이지 컴포넌트
├── routes/        # 라우팅 설정
├── store/         # 상태 관리
├── styles/        # 전역 스타일
├── types/         # TypeScript 타입 정의
└── utils/         # 유틸리티 함수

DevInit과 함께 당신의 개발 여정을 시작하세요! 🚀

About

DevInit 프론트엔드입니다

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  

Languages