---
# System prepended metadata

title: "\U0001F4D6 IMOJUMO"

---

![IMOJUMO_BANNER(1)](https://github.com/jumak-dev/imojumo/assets/116181346/39de33d8-c001-41c6-802e-3b81d92836bc)

# 📖 IMOJUMO

📑 프로젝트 유형: 사이드 프로젝트

📆 기간: 23.2 - 23.6

✍️ 프로젝트 노션: [노션 링크](https://brassy-budget-f7e.notion.site/b1a3c216578349c29cbbb3b046326e6e?pvs=4)

</br>

> 생각많고 말많은 수다쟁이 독서인들 여기여기 모여라 🙋‍♀️🙋🙋🏻‍♂️

</br>
</br>

# 💁🏻‍♂️ 서비스 소개

- 서비스 소개 한 줄
  > 독서인들을 위한, 독서인들에 의한 토론 사이트입니다.
- 독서토론 서비스 소개
  > 관심있는 도서에 대해 자유롭게 자신을 의견을 내며 많은 사람들과 토론을 할 수 있어요
- 찬반토론 서비스 소개
  > 도서뿐만 아니라 다양한 주제로 찬성/반대 토론도 할 수 있어요
- 도서 정보 확인 서비스 소개
  > 지금 핫한 top 10 도서, 추천 도서, 신간 도서들을 한눈에!? 😲

</br>
</br>

# 👨🏻‍💻 Team

<details>
  <summary>🥔 Jung Jungsu</summary>
  <ul>
    <li><a href="https://github.com/wjdwjdtn92">Jungsu's Github</a></li>
    <details>
      <summary>Pages</summary>
      <ul>
        <li>Post New Page</li>
        <li>Search Page</li>
        <li>Discussion Edit Page</li>
      </ul>
    </details>
    <details>
      <summary>Components</summary>
      <ul>
        <li>Carousel</li>
        <li>ProgressBar</li>
        <li>UserProfile</li>
      </ul>
    </details>
    <details>
      <summary>Features</summary>
      <ul>
        <li>ProCon Discussions C</li>
        <li>Search Discussions R</li>
      </ul>
    </details>
  </ul>
</details>

<details>
  <summary>👸 Lee HyoGeun</summary>
  <ul>
    <li><a href="https://github.com/LeeHyoGeun-create">HyoGeun's Github</a></li>
    <details>
      <summary>Pages</summary>
      <ul>
        <li>Login Page</li>
        <li>SignUp Page</li>
        <li>My Page</li>
      </ul>
    </details>
    <details>
      <summary>Components</summary>
      <ul>
        <li>Modal</li>
        <li>Cards</li>
        <li>Breadcrumb</li>
      </ul>
    </details>
    <details>
      <summary>Features</summary>
      <ul>
        <li>Signup C</li>
        <li>Edit account RU</li>
        <li>Delete account D</li>
        <li>Get My Page Info R</li>
      </ul>
    </details>
  </ul>
</details>

<details>
  <summary>👶 Yu Ahyeon</summary>
  <ul>
    <li><a href="https://github.com/youa7878">Ahyeon's Github</a></li>
    <details>
      <summary>Pages</summary>
      <ul>
        <li>Home Page</li>
        <li>Like List Page</li>
        <li>Book Discussion Page</li>
        <li>ProCon Discussion Page</li>
      </ul>
    </details>
    <details>
      <summary>Components</summary>
      <ul>
        <li>Button</li>
        <li>Pagination</li>
      </ul>
    </details>
    <details>
      <summary>Features</summary>
      <ul>
        <li>Home
          <ul>
            <li>recommended Book Aladdin API</li>
            <li>Top 10 Book Discussion RUD</li>
            <li>Recently Book Discussion RU</li>
            <li>Recently ProCon Discussion RU</li>
            <li>A new book Aladdin API</li>
          </ul>
        </li>
        <li> Book Discussion Like CURD </li>
        <li> Book Discussion RU </li>
        <li> ProCon Discussion RU </li>
        <li> Client AWS + Github Action Deploy </li>
      </ul>
    </details>
  </ul>
</details>

<details>
  <summary>🍉 Park Subeen</summary>
  <ul>
    <li><a href="https://github.com/Paksubeen">Subeen's Github</a></li>
    <details>
      <summary>Pages</summary>
      <ul>
        <li>Book Detail Page</li>
        <li>Book Discussion Detail Page</li>
        <li>ProCon Discussion Detail Page</li>
        <li>Error Page</li>
      </ul>
    </details>
    <details>
      <summary>Components</summary>
      <ul>
        <li>Header</li>
        <li>Footer</li>
        <li>Loading</li>
      </ul>
    </details>
    <details>
      <summary>Features</summary>
      <ul>
        <li>Header Notification</li>
        <li>Discussion Detail RD</li>
        <li>Comment CRUD</li>
      </ul>
    </details>
  </ul>
</details>

</br>
</br>

# 🔧 Technology Stack

![IMOJUMO (2)](https://github.com/jumak-dev/imojumo/assets/116181346/6ec0c219-cd18-4782-9668-f876fc1cbcf6)

</br>
</br>

# 🕵🏻‍♂️ Final View

|                                 |                                   |
| :-----------------------------: | :-------------------------------: |
|          **홈 화면**              |        **토론하기 화면**             |
| <img width="450px" height="300px" src="https://github.com/jumak-dev/imojumo/assets/19286161/7578f52b-799b-40e4-9caf-a9b0fde32021" />|    <img width="450px" height="300px" src="https://github.com/jumak-dev/imojumo/assets/19286161/69710294-283f-40e8-a529-9c9f04a73ded"/> |
|         **로그인 화면**            |        **회원가입 화면**             |
|   <img  width="450px" height="300px" src="https://github.com/jumak-dev/imojumo/assets/19286161/38e0f7a2-0530-460e-8ae0-041fc0564581"/>    |    <img  width="450px" height="300px" src="https://github.com/jumak-dev/imojumo/assets/19286161/7d13ac09-2ca7-4b22-9427-8d5e7260f2b3"/>     |
|       **독서토론 목록 화면**        |         **독서토론 상세 화면**         |
|   <img width="450px" height="300px" src="https://github.com/jumak-dev/imojumo/assets/19286161/2c2ca120-0ddb-4599-8df9-31bdc5da8308"/>    |    <img width="450px" height="300px" src="https://github.com/jumak-dev/imojumo/assets/19286161/2c47798d-c653-4a70-bf18-a0eaa1c3f2f1"/>     |
|        **찬반토론 목록 화면**        |      **찬반토론 상세 화면**           |
|   <img width="450px" height="300px" src="https://github.com/jumak-dev/imojumo/assets/19286161/684ac6bf-c83d-4b8e-a050-a483b276d5b5"/>    |      <img width="450px" height="300px"  src="https://github.com/jumak-dev/imojumo/assets/19286161/562b7c1c-a4c4-4655-add8-61d8264c7576"/>    |
|           **마이페이지 화면**           |        **찜 목록 화면**           |
|   <img width="450px" height="300px" src="https://github.com/jumak-dev/imojumo/assets/19286161/8033a244-9ecf-4856-a38b-6b919443d275"/>    |    <img width="450px" height="300px" src="https://github.com/jumak-dev/imojumo/assets/19286161/e51e9e60-ccca-4c92-a949-f852daf06477"/>     |
|         **토론검색 화면**         |       **도서 상세 화면**        |
|   <img width="450px" height="300px" src="https://github.com/jumak-dev/imojumo/assets/19286161/08396d9a-6d5b-488b-921f-b41779ee994f"/>    |    <img width="450px" height="300px" src="https://github.com/jumak-dev/imojumo/assets/19286161/63011778-c334-4313-9cda-75e5d04de397"/>     |

</br>
</br>


# 🗂️ Documents

<details>
<summary>🖼️ Wireframe</summary>
<ul>
    <li><a style="text-decoration: none;" href="https://www.figma.com/file/b4I4mTfSGHniMnxxfHVriU/IMOJUMO?type=design&node-id=0-1&mode=design">figma 링크</a></li>
</ul>
</details>

<details>
<summary>📃 API 명세서</summary>
<ul>
    <li><a style="text-decoration: none;" href="https://brassy-budget-f7e.notion.site/API-d0bdfe12b8ac4c43a6fa31c4cd53f672?pvs=4">API 명세서</a></li>
</ul>
</details>

<details>
<summary>⚙️ 기능 명세서</summary>
<ul>
    <li><a style="text-decoration: none;" href="https://brassy-budget-f7e.notion.site/da6a5d446ed34cf980a4ec48325da726?pvs=4">기능명세서</a></li>
</ul>
</details>
<details>
  <summary>📋 테이블 설계</summary>
  <ul>
    <li>
      📘 ER 다이어그램
      <img src="https://github.com/jumak-dev/imojumo/assets/19286161/dc893e2d-22dc-497e-b755-eac6e8f1761c" />    
    </li>
    <li>
      📗 DB 명세서
      <ul>
          <li><a style="text-decoration: none;" href="https://docs.google.com/spreadsheets/d/1JXLRVjb4LAfvGqwIycNXK1cURvnq-yuzbh8hcKdCwXg/edit?usp=sharing">테이블 명세서</a></li>
      </ul>
    </li>
  </ul>
</details>

</br>
</br>

# 📌 Convention


## 🌱 Git Flow

> ### Branch Name
>
> - feature/페이지 혹은 기능명\_이름 혹은 이니셜
>   - 예시: feature/home_yah

</br>

![image](https://github.com/jumak-dev/imojumo/assets/116181346/c46448c6-746a-4683-94ca-741e55cfc3c6)

</br>

## 🎀 Commit Convention

> ### Commit Message
>
> - 깃모지 - #이슈 번호
>   - 예시: ✨ Pagination Component 개발 - #7

</br>

| Message | Description                                         |
| :-----: | :-------------------------------------------------- |
|   ✨    | Introduce new features                              |
|   🔨    | Add or update development scripts                   |
|   🐛    | Fix a bug                                           |
|   🔥    | Remove code or files                                |
|   📝    | Add or update documentation                         |
|   💄    | Add or update the UI and style files                |
|   ✅    | Add or update tests                                 |
|   💚    | Fix CI Build                                        |
|   ✅    | Add or update tests                                 |
|   ♻️    | Refactor code                                       |
|   ⏪    | Revert changes                                      |
|   🔀    | Merge branches                                      |
|   📦    | Add or update compiled files or packages            |
|   🚚    | Move or rename resources (e.g.: files paths routes) |
|   🙈    | Add or update a .gitignore file                     |
|   🍱    | dd or update assets                                 |
