https://github.com/codestates-seb/seb45_main_011

🌱 Grow Story : 식물을 관리하고 나만의 정원을 꾸며 보세요 🌱
https://github.com/codestates-seb/seb45_main_011

docker framer-motion gradle java mysql next react-query spring-boot tailwindcss typescript zustand

Last synced: 7 months ago
JSON representation

🌱 Grow Story : 식물을 관리하고 나만의 정원을 꾸며 보세요 🌱

Host: GitHub
URL: https://github.com/codestates-seb/seb45_main_011
Owner: codestates-seb
Created: 2023-08-18T04:11:03.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2024-05-16T05:59:19.000Z (almost 2 years ago)
Last Synced: 2025-04-12T00:16:26.613Z (12 months ago)
Topics: docker, framer-motion, gradle, java, mysql, next, react-query, spring-boot, tailwindcss, typescript, zustand
Language: TypeScript
Homepage: https://growstory.vercel.app/
Size: 8.71 MB
Stars: 42
Watchers: 4
Forks: 8
Open Issues: 7
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

          # 🌳 Grow Story

![main](https://github.com/nalsae/seb45_main_011/assets/101828759/1d9742ff-27eb-4ac2-8e59-d56bbade03d3)

    
🌱 식물을 관리하고 나만의 정원을 꾸며 보세요 🌱
 




> 🤔 키우는 식물을 손쉽고 재미있게 관리할 수 있는 방법 없을까? 
 > 


> 식물을 손쉽게 등록하고 관리할 수 있는 **식물 카드** 기능, 


> 내 식물을 자랑하고 다양한 식집사들과 소통할 수 있는 **커뮤니티** 기능, 


> 활동해서 획득한 포인트로 꾸밀 수 있는 **나만의 정원** 기능까지! 
 > 


> 🌳 **Grow Story** 🌳에서는 이 모든 것이 가능합니다 😊




---




## 🚩 프로젝트 개요

- **프로젝트 명** : Grow Story

- **진행 기간** : 23.08.24 ~ 23.09.19

- **서비스 URL** : [🌳 Grow Story 🌳 바로 가기](https://grow-story.vercel.app/)




## 👨‍👩‍👧‍👦 팀원 소개

|                                                 김민석                                                  |                                                 심도연                                                  |                                                 최한빈                                                 |                                                 황도경                                                 |                                                 김도형                                                 |                                                 이승태                                                  |

| :-----------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------: |

|  |  |  |  |  |  |

|                                  [@nalsae](https://github.com/nalsae)                                   |                              [@shimdokite](https://github.com/shimdokite)                               |                              [@hanbinchoi](https://github.com/hanbinchoi)                              |                             [@Smile:DK](https://github.com/Dokyung-Hwang)                              |                               [@dohyoungK](https://github.com/dohyoungK)                               |                                 [@NtoZero](https://github.com/NtoZero)                                  |

|                                             **FE** (부팀장)                                             |                                                 **FE**                                                  |                                                 **FE**                                                 |                                             **BE** (팀장)                                              |                                                 **BE**                                                 |                                                 **BE**                                                  |




## 🔧 기술 스택

![Web App Reference Architecture (1)](https://github.com/nalsae/seb45_main_011/assets/101828759/86f50a74-2e0c-4a5d-8865-45e95f595593)




## 📝 관련 문서

#### [📌 요구사항 정의서](https://docs.google.com/spreadsheets/d/1DfUeCgU0jrdEpSmEmLVWainZ1wjpvFihpR83t6NWGdw/edit#gid=160309127)

#### [📌 화면 정의서](https://www.figma.com/file/yL1b8KClwZHoBXDcCp4wei/GrowStroy?type=design&node-id=1-8&mode=design)

#### [📌 API 명세서](https://documenter.getpostman.com/view/27565928/2s9Y5YS34h)

#### [📌 ERD](https://www.figma.com/file/yL1b8KClwZHoBXDcCp4wei/GrowStroy?type=design&node-id=1-8&mode=design)

![ERD  GrowStory_final](https://github.com/nalsae/seb45_main_011/assets/101828759/35b133c5-790e-48cf-be56-8eb2f4c54522)




## 🎤 기술 발표

#### [🎞 발표 영상 바로 가기](https://www.youtube.com/watch?v=GHia0UGUqTw)




## 📜 서비스 매뉴얼

#### [📥 서비스 매뉴얼 다운로드](https://github.com/nalsae/seb45_main_011/files/12662276/Grow.Story.pdf)




## 🖥 구현 이미지

| 페이지 (기능)         | 이미지                                                                                                                          |

| --------------------- | ------------------------------------------------------------------------------------------------------------------------------- |

| 메인                  | ![메인 페이지](https://github.com/nalsae/seb45_main_011/assets/101828759/7e293d8a-9934-4aa8-b3af-e6ccd7aa112b)                  |

| 로그인                | ![로그인 페이지](https://github.com/nalsae/seb45_main_011/assets/101828759/7b393893-9c3b-45a3-aa21-748f46b8b522)                |

| 회원 가입             | ![회원 가입 페이지](https://github.com/nalsae/seb45_main_011/assets/101828759/9b6db6ec-0e98-4267-a172-c2adf29a9fb9)             |

| 정원 (꾸미기)         | ![정원 페이지 - 꾸미기](https://github.com/nalsae/seb45_main_011/assets/101828759/de3caba6-42f5-4708-ad9c-8bd2e50a4231)         |

| 정원 (장식품 구매)    | ![정원 페이지 - 구매](https://github.com/nalsae/seb45_main_011/assets/101828759/49c9acf3-b06d-44e9-9a16-208f8a022b63)           |

| 정원 (식물 카드 연동) | ![정원 페이지 - 식물 카드 연동](https://github.com/nalsae/seb45_main_011/assets/101828759/ef6da970-f632-45b8-b0f9-eb737d5b9903) |

| 식물 카드 목록, 등록  | ![식물카드 목록](https://github.com/nalsae/seb45_main_011/assets/101828759/a7f05c66-9a9b-4ff0-a32d-08599fb4dd9a)                |

| 식물 카드 상세        | ![식물 카드 상세](https://github.com/nalsae/seb45_main_011/assets/101828759/38ab89f9-ec9c-4410-aeb9-83e9cd09ca7e)               |

| 식물 카드 수정, 삭제  | ![식물 카드 수정, 삭제](https://github.com/nalsae/seb45_main_011/assets/101828759/6fe42722-8676-4eee-bd00-27bc16c9c9f0)         |

| 커뮤니티              | ![커뮤니티](https://github.com/nalsae/seb45_main_011/assets/101828759/a27f3bfd-3346-4070-a6b8-082b5708f73a)                     |

| 게시글 상세           | ![게시글 상세](https://github.com/nalsae/seb45_main_011/assets/101828759/128584db-95cd-4edf-9161-74962f67d645)                  |

| 게시글 등록           | ![게시글 등록](https://github.com/nalsae/seb45_main_011/assets/101828759/211bd724-984e-45b8-989a-4c59246dbec2)                  |

| 게시글 수정, 삭제     | ![게시글 수정, 삭제](https://github.com/nalsae/seb45_main_011/assets/101828759/1ea79b6f-2717-406b-89f4-adbdfcaa785e)            |

| 댓글 등록, 수정, 삭제 | ![댓글 등록, 수정, 삭제](https://github.com/nalsae/seb45_main_011/assets/101828759/52ccd8f0-5e30-4198-bfc9-2dca9b28b870)        |

| 정보 수정             | ![정보 수정](https://github.com/nalsae/seb45_main_011/assets/101828759/a74749c1-d239-48cc-ac55-f6eda46ff228)                    |

| 내 게시글             | ![내 게시글](https://github.com/nalsae/seb45_main_011/assets/101828759/9d05dd7d-0cd3-4f86-b0b8-43b5438ba724)                    |

| 회원 탈퇴             | ![회원 탈퇴](https://github.com/nalsae/seb45_main_011/assets/101828759/120777f3-9c77-4681-bd3c-78cd5204c90e)                    |




## 🤙 컨벤션

  
📌 Issue

  

  1. 제목

    

  - 작업 내용에 따라 커밋 메시지에 사용하는 Gitmoji를 적절하게 작성

  - 자신이 작업한 내용을 한 눈에 파악하기 쉽도록 명사형으로 작성

    

```

[FE/BE] ✨ OOO 컴포넌트 구현

```

2. 내용

    ## Abstracts

    * 간략하게 할 일에 대한 설명을 작성해주세요.

    ## To Do

    - [ ] 구현할 기능 1

    - [ ] 구현할 기능 2

    ## ETC

    * 추가적인 안내 사항이 있다면 작성해주세요.

  
📌 Commit


- 커밋 메시지

1. 적절한 커밋 접두사 작성

2. 커밋 메시지 내용 작성

3. 내용 뒤에 이슈 (#이슈 번호)와 같이 작성하여 이슈 연결

    [FE/BE] 🔧 Conf: 초기 환경 설정 (#1)

| 접두사        | 설명                           |

| ------------- | ------------------------------ |

| ✨ Feat :     | 새로운 기능 구현               |

| 🍱 Add :      | 에셋 파일 추가                 |

| 🐛 Fix :      | 버그 수정                      |

| 📝 Docs :     | 문서 추가 및 수정              |

| 💄 Style :    | 스타일링 작업                  |

| ♻️ Refactor : | 코드 리팩토링 (동작 변경 없음) |

| 🧪 Test :     | 테스트                         |

| 🚀 Deploy :   | 배포                           |

| 🔧 Conf :     | 빌드, 환경 설정                |

| ✏️ Chore :    | 기타 작업                      |

  
📌 Pull Request


1. 제목

- 작업 내용에 따라 커밋 메시지에 사용하는 Gitmoji를 적절하게 작성

- 자신이 작업한 내용을 한 눈에 파악하기 쉽도록 명사형으로 작성

```

 [FE/BE] ✨ OOO 컴포넌트 구현

```

2. 내용

    ## Title

    * 제목은 '✨ 홈 페이지 구현'과 같이 작성합니다.

    ## PR Type

    - [ ] FEAT: 새로운 기능 구현

    - [ ] ADD : 에셋 파일 추가

    - [ ] FIX: 버그 수정

    - [ ] DOCS: 문서 추가 및 수정

    - [ ] STYLE: 포맷팅 변경

    - [ ] REFACTOR: 코드 리팩토링

    - [ ] TEST: 테스트 관련

    - [ ] DEPLOY: 배포 관련

    - [ ] CONF: 빌드, 환경 설정

    - [ ] CHORE: 기타 작업

    ## Abstracts

    * 작업 내용에 대해 간략하게 설명을 작성해주세요.

    ## Description

    * 구체적인 작업 내용을 작성해주세요.

    * 이미지를 별도로 첨부하면 더 좋습니다 👍

    ## Discussion

    * 추후 논의할 점에 대해 작성해주세요.

    ---

    Close #1

    (작성한 Issue를 연결해주세요.)