Giter Club home page Giter Club logo

chakmuri's Introduction

📚 책무리 프로젝트 (Chakmuri Project)

책으로 하나되어 모이다. "책무리"

image

🔖 목차

목차
  1. ➤ 웹서비스 설명
  2. ➤ 사이트
  3. ➤ 기획 & 설계
  4. ➤ 개발 기간
  5. ➤ 기술 스택
  6. ➤ FE & BE 역할 분담
  7. ➤ 릴리즈 노트

👩‍🏫 웹서비스 설명

책무리는 다양한 주제의 독서모임에 참여하고, 내가 필요한 독서모임을 만들어 사람들을 모집할 수 있는 맞춤형 독서모임 플랫폼입니다. 책무리는 독서모임을 만들고 독서모임에 참여할 사람들을 모집하고 싶은 사용자와, 어떤 독서모임들이 있는지 검색하고 독서모임에 참여하고자 하는 사용자, 이 두 역할의 사용자들을 대상으로 합니다.


독서모임 운영자

독서모임을 만들고 독서모임에 참여할 사람들을 모집하고 싶은 사용자의 경우, 독서모임을 등록하거나 수정, 삭제, 참여자 관리를 할 수 있습니다.


  • 독서모임 등록
    • 이름, 한 줄 소개, 참여 인원, 진행 기간, 선정도서, 위치 등의 정보를 작성해 등록할 수 있습니다.
    • 한 사람 당 하나의 독서모임만 등록할 수 있습니다.
  • 독서모임 수정, 삭제
    • 마이페이지 > 운영중인 독서모임에서 독서모임의 정보를 수정, 삭제할 수 있습니다.
  • 참여자 관리
    • 참여 신청이 오면 승인 대기자 목록에 참여 신청자가 추가되며, 운영자에게 참여 신청이 있다는 메일이 발송됩니다. 만약 승인 전에 참여 신청자가 참여 신청 취소를 한다면, 승인 대기자 목록에서 삭제되어 표시되지 않습니다.
    • 승인 대기자, 참여자 목록에는 참여신청자의 이메일이 표시됩니다. 이 연락처를 사용해 참여신청자와 연락 후 승인, 거절 여부를 결정합니다.
    • 승인 -> 참여자 목록에 추가되며, 참여 신청자에게 승인 메일이 발송됩니다.
    • 거절 -> 승인 대기자 목록에서 삭제되며, 참여 신청자에게 거절 메일이 발송됩니다.
    • 독서모임 참여자를 내보내고 싶을 때에는 참여자 목록에서 '내보내기'버튼을 클릭해 참여자 목록에서 삭제할 수 있습니다.
    • 내보내기 -> 참여자 목록에서 삭제되며, 참여자에게 내보내기 되었다는 메일이 발송됩니다.

독서모임 참여자

어떤 독서모임들이 있는지 검색하고 독서모임에 참여하고자 하는 사용자의 경우, 모집중 여부와 태그, 검색어 키워드로 독서모임을 조회할 수 있고, 최신순, 좋아요 순으로 정렬해 조회할 수도 있습니다. 이렇게 조건에 맞게 검색된 독서모임들의 상세 정보를 탐색한 뒤 참여하고자 하는 독서모임이 있으면 참여 신청을 할 수 있습니다.


  • 독서모임 검색
    • 모집중 체크박스 : 체크 시 모집중인 독서모임만 페이지에 표시됩니다.
    • 태그(소수정예, 온라인, 오프라인, 온/오프라인, 수도권, 지방, 친목, 독서 외 활동) : 선택 시 해당 태그를 포함하고 있는 독서모임이 표시(or조건 -> 선택한 태그들 중 하나라도 포함한다면 조회됩니다.)
    • 검색어 키워드 : 검색어 키워드를 입력하고 검색 버튼을 누르면, 독서모임 이름으로 독서모임을 조회할 수 있습니다.
    • 정렬 : 최신순, 좋아요 순으로 정렬할 수 있으며, 최신순은 최근에 등록된 독서모임 순, 좋아요 순은 좋아요 개수가 많은 순으로 정렬됩니다.
    • 독서모임 진행 기간의 최종 날짜가 지나면 독서모임 모집은 '마감' 상태가 되며, 독서모임 목록 조회 시 '마감' 라벨이 표시됩니다.
  • 좋아요
    • 하트 버튼을 눌러 마음에 들거나 관심 있는 독서모임에 '좋아요'를 표시할 수 있습니다.
    • 좋아요를 누르면 마이페이지 > 좋아요한 독서모임 목록에 추가됩니다.
  • 독서모임 상세조회
    • 독서모임 운영자가 독서모임 등록시 입력한 상세 정보들이 표시됩니다.
      • 이름, 한 줄 소개, 참여 인원, 진행기간, 태그, 선정도서(도서명, 작가명, 출판사, 출판연도, 도서 선정 이유 및 소개글), 상세설명, 위치
  • 댓글
    • 독서모임의 상세 페이지에 댓글을 남길 수 있습니다.
    • 마이페이지 > 내 댓글에서 내가 쓴 댓글 목록을 조회할 수 있고, 댓글 항목의 본문 보기 버튼을 통해 해당 댓글을 남긴 독서모임의 상세페이지로 이동할 수 있습니다.
  • 참여 신청/취소
    • 독서모임 상세페이지에서 참여 신청 버튼을 눌러 독서모임 참여를 신청할 수 있고, 마이페이지의 참여신청한 독서모임 목록에 추가됩니다.
    • 참여 신청을 하면 독서모임 운영자의 운영중인 독서모임 > 승인 대기자 탭에 추가됩니다.
    • 독서모임 상세페이지에서 참여 취소 버튼을 누르면 바로 참여 취소가 가능합니다.

책무리는 이렇게 독서모임 운영자와 독서모임 참여자, 두 가지 역할로서 이용이 가능합니다. 꼭 한 가지 역할만 해야하는 것은 아닙니다. 사용자는 모두 독서모임의 운영자가 되거나, 참여자가 될 수도 있습니다. '책'이라는 하나의 공통 분모를 가지고, 다양한 사람들과 무리지어 모여 모임을 구성하는 <책무리>에서 지금, 모여보세요!


💻 사이트

🚨 2022/01/01 ~ 서버 구동이 중지되었습니다.


👩‍💻 기획 & 설계


🗓 개발 기간

  • ver 1. (2021/07/27 ~ 2021/08/31)
  • ver 2. (2021/09/01 ~ 2021/09/14)

🗃 기술 스택

FE

  • Javascript
  • React
  • styled-components
  • ant-design

BE

  • Java -version 11
  • SpringBoot
  • Spring Data JPA
  • Gradle
  • MySQL
  • AWS - EC2, RDS, S3, Route53
  • Google SMTP

👨‍💻 FE & BE 역할 분담

프로젝트 칸반보드✨

FE

BE


📜 릴리즈 노트

ver 1. (2021/07/27 ~ 2021/08/31)
  • 독서모임 등록, 수정, 삭제
  • 독서모임 검색, 조회, 정렬
  • 좋아요 등록, 삭제
  • 댓글 등록, 수정, 삭제, 관리
ver 2. (2021/09/01 ~ 2021/09/14)
  • 독서모임 참여신청, 취소
  • 참여 신청 승인, 거절, 내보내기
ver 2.0.1 (2021/09/16)
  • 코드 포맷팅, 미디어 쿼리 수정, 푸터가 하단에 고정되지 않는 문제 수정, 입력하지 않은 도서정보 렌더링 수정
목데이터 변경 (2021/12/02)
  • 마감된 독서모임 기간 연장
인스턴스 중지 (2022/01/01)

chakmuri's People

Contributors

devsoladev avatar juhyun419 avatar junho-yh avatar mugflower avatar sharpie1330 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.