Skip to content

Latest commit

 

History

History
197 lines (128 loc) · 10.8 KB

README.md

File metadata and controls

197 lines (128 loc) · 10.8 KB

logo (1)

DevPals

주요 서비스 : 초보자도 두려움 없이 원하는 사이드 프로젝트를 쉽게, 함께 할 수 있도록 도와주는 서비스

🌱 함께 성장하는 개발자 커뮤니티, Devpals! 🌳

개발을 공부하면서도, 막상 사이드 프로젝트를 시작하려면 "아직 나에게는 무리일 것 같은데...", "팀 프로젝트는 어떻게 시작해야 하지?" 하는 고민이 들곤 합니다. Devpals는 주니어 개발자가 부담 없이 프로젝트에 참여하고, 경험 많은 시니어들과 함께 성장할 수 있도록 돕는 서비스입니다.

새싹 멤버로 시작해 프로젝트 경험을 쌓고, 점차 성장하며 나무 멤버가 되기까지, Devpals가 당신의 개발 여정을 함께합니다!

🙋🙋‍♂️ 함께 만드는 사람들

프론트엔드

고홍비 임형준 신유지 조승연

FE

FE

FE

FE

백엔드

남도현 정선영

BE

BE


🗓 개발 기간

✨ 2024.12.26 - 2024.02.03 (1차 배포)


🍏 배포 주소


🗒 프로젝트 자료


💡 시작 가이드

👉 프론트엔드

📍 실행 환경

  • Node.js 20.18.1

  • .env 파일에 아래의 항목들이 있어야 합니다.

    • VITE_APP_API_BASE_URL : 서버 주소
    • VITE_APP_IMAGE_CDN_URL : 이미지 CDN 주소

📍 프로젝트 실행

  • 프로젝트 클론
$ git clone https://github.com/D3vPals/frontend.git
  • 의존성 설치
$ npm install
  • 실행
$ npm run dev

⌨️ 기술 스택

백엔드

NestJS TypeScript MySQL Prisma Swagger

프론트엔드

React TypeScript Zustand StyledComponent React Query

AWS

AWS AWS RDS AWS S3

CI/CD

AWS EC2 PM2 Nginx GitHub Actions

협업 도구

Slack Notion


📂 폴더 구조

👉 프론트엔드
src/
├── api/                 # API 호출 및 관련 로직
├── assets/              # 이미지 및 정적 파일
├── constants/           # 상수 관련 파일
├── hooks/               # 커스텀 훅
├── context/             # 콘텍스트 관련 파일
├── models/              # 페이지별 타입 파일
├── mocks/               # Mock 데이터
├── pages/               # 페이지 컴포넌트
├── routes/              # 라우트 설정
├── store/               # 상태 관련 파일
├── styles/              # 스타일 관련 파일
├── components/          # UI 컴포넌트 (컴포넌트별 스타일 파일과 함께 정리)
└── utils/               # 유틸리티 함수 및 모듈

🖥 화면 구성

메인 페이지
프로젝트 상세페이지 지원하기 페이지 모집공고 작성 페이지
로그인 페이지 회원가입 페이지 비밀번호 재설정 페이지
모집 공고 관리 페이지 지원자 리스트 페이지 합/불합 리스트 페이지
마이 페이지(프로필) 마이 페이지(참여 프로젝트 현황) 마이 페이지(지원 프로젝트 현황)
유저 페이지(프로필) 유저 페이지(참여 프로젝트 현황)

⭐️ 주요 기능

  • 프로젝트 모집 공고 후 지원자 합/불 기능

    • 지원자의 정보를 확인하고 합격/불합격을 결정하여 팀을 구성할 수 있습니다.
    • 추후 알림 기능을 추가하여 실시간으로 합격 여부를 확인할 수 있도록 개선할 예정입니다.
  • 편리한 필터 기능 제공

    • 메인 페이지에서 기술 스택, 포지션, 진행 방식, 새싹 여부, 검색 기능을 활용해 원하는 모집 공고를 쉽게 찾을 수 있습니다.
  • 마이페이지 커스텀 기능

    • 마이 페이지에서 자신의 정보를 직접 수정해 어필할 수 있습니다.
    • 추후 포트폴리오 관리 기능을 추가하여 포트폴리오를 관리 할 수 있도록 할 예정입니다.
  • 마크다운 지원 모집 공고 작성

    • 모집 공고 작성 시 마크다운을 지원하여 원하는 형식으로 자유롭게 작성할 수 있습니다.