🐰 White Rabbit 🐰

신입 개발자가 되고싶은 레이서들의 커뮤니티, White Rabbit입니다

👩🏻‍💻 팀원 소개

FRONTEND	BACKEND
이준영, 최윤지, 하지원	김보경, 유수빈, 장보근

📅 프로젝트 기간

2023년 11월 13일 월요일 - 2023년 12월 1일 금요일 (총 기간 : 3주)

🌟 프로젝트 개요

• 이 프로젝트는 현재 수강생 및 수료생을 위한 커뮤니티 플랫폼입니다
• 사용자들은 취업 후기, 학습 경험 등을 공유하는 카테고리를 이용할 수 있습니다
• 코치들과의 Q&A 세션을 통해 직접적인 질문과 답변이 가능하며, 커리어리처럼 다양한 사용자들의 의견을 들을 수 있는 공간입니다
• 개인 프로필 생성 기능을 통해 팔로잉, 팔로워 기능과 기술 스택을 공유할 수 있습니다
• 프로젝트 카테고리를 통해 팀원을 구하고 프로젝트 아이디어를 공유할 수 있는 공간을 제공합니다

✨ 프로젝트 핵심 기능

💬 레이서들간의 커뮤니티 공간

• 인기 게시판, 자유 게시판, 취업 후기 게시판

  • 여러 게시판과 댓글을 통해 사용자들이 정보를 공유하고 소통할 수 있는 다양한 공간을 제공합니다

• 팔로우 기능

  • 사용자들끼리 팔로잉 할 수 있는 기능을 제공합니다

🔎 Q&A 세션

• Q&N 게시판을 통해 코치님들께 직접 질문하고, 답변을 받을 수 있습니다

🙌 프로젝트/스터디 모집 게시판

• 프로젝트나 스터디를 함께 할 팀원을 찾거나 프로젝트 아이디어를 공유할 수 있는 공간을 제공합니다

⚔ 프로필 관리

• 사용자의 기술 스택, 경력, 교육 배경 등을 관리할 수 있는 개인 프로필 기능을 제공합니다

🎵 서비스 화면

🎺 로그인, 회원가입 페이지

🎸 메인 페이지

💿 Q&A, 모집 페이지

💾 마이 프로필 페이지

🎧 게시물 상세, 수정 페이지(+ 댓글 기능)

💬 게시물 작성 페이지

🎹 관리자 페이지

🔨 주요 기술

Programming Language

Frontend

Backend

Frontend - React 18.2.0

• 동적인 사용자 인터페이스를 위해 React를 사용.

Backend - Node.js, Express.js

• Node.js 및 Express.js를 활용한 RESTful API 개발.

Database - MongoDB

• MongoDB를 사용하여 유연한 데이터 스토리지와 관리 기능 제공.

Validation - Joi

• 데이터 유효성 검사를 위해 Joi 라이브러리 사용.

📝 기획

💄 디자인 시안

🔒 ERD

📄 아키텍처 구성도

📄 컴포넌트 명세서

➡️ 컴포넌트 명세서 pdf

📄 API 명세서

➡️ API 명세서 Postman 링크

⚙️ 프로젝트 파일 구조

Front-end

├─api
├─public
│   ├─assets
└─src
    ├─components
    ├─fonts
    ├─pages
    ├─router
    ├─styles
    └─utils

Back-end

├─public
│  ├─images      
└─src
    ├─controllers
    ├─db
    ├─middlewares
    ├─routers
    ├─services
    └─utils

🗣 협업 환경

• Gather Town

  • 원격 협업을 위한 가상 공간에서 스크럼과 실시간 소통 및 협업을 진행했습니다

• Notion

  • 데일리 회의 스크럼, 요구 사항 정의서, API 명세서등을 문서화했습니다
  • 코딩 컨벤션, 깃 컨벤션 등 팀원간 개발 규칙을 정의했습니다

• Gitlab

  • 코딩 컨벤션을 준수하며 프로젝트를 진행하였습니다
  • Merge Request를 요청하고 팀원들과 코드리뷰를 진행하였습니다

• Figma

  • 웹 페이지의 디자인 와이어프레임, 시안을 제작하였습니다