Skip to content

신입 개발자가 되고싶은 레이서들의 커뮤니티((🏆 3rd Prize)

Notifications You must be signed in to change notification settings

yunjichoi9151/White_Rabbit

 
 

Repository files navigation

🐰 White Rabbit 🐰

White_Rabbit

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


🏆 Awards

Elice SW Engineer 트랙 프로젝트 ✨우수상✨


👩🏻‍💻 팀원 소개

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

📅 프로젝트 기간

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


🌟 프로젝트 개요

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

✨ 프로젝트 핵심 기능

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

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

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

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

🔎 Q&A 세션

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

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

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

⚔ 프로필 관리

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

🎵 서비스 화면

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

회원가입

🎸 메인 페이지

커뮤니티 게시판

💿 Q&A, 모집 페이지

QNA-Recruit

💾 마이 프로필 페이지

마이 프로필

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

게시물 상세, 댓글

💬 게시물 작성 페이지

게시물 작성

🎹 관리자 페이지

관리자페이지


🔨 주요 기술

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 라이브러리 사용.

📝 기획

image

💄 디자인 시안

image

🔒 ERD

image

📄 아키텍처 구성도

image

📄 컴포넌트 명세서

➡️ 컴포넌트 명세서 pdf

📄 API 명세서

➡️ API 명세서 링크

⚙️ 프로젝트 파일 구조

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

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

About

신입 개발자가 되고싶은 레이서들의 커뮤니티((🏆 3rd Prize)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 94.9%
  • HTML 5.1%