---
# System prepended metadata

title: "\U0001F41D Honey In Money"

---

# 🐝 Honey In Money

![](https://i.imgur.com/SluhULq.jpg)

Honey In Money는 개인 또는 그룹으로 가계부를 작성하고 분석할 수 있는 가계부 웹서비스입니다.

<div align="center">

![react](https://img.shields.io/badge/react-^17.0.1-blue?logo=react)
![redux](https://img.shields.io/badge/redux-^4.0.5-blue?logo=redux)
![storybook](https://img.shields.io/badge/storybook-^6.1.2-blue?logo=storybook)
![styled-components](https://img.shields.io/badge/styledComponents-^5.2.1-blue?logo=styled-components)

![koa](https://img.shields.io/badge/koa-^2.13.0-green)
![node.js](https://img.shields.io/badge/node.js-^12.10.0-green?logo=node.js)
![MySQL](https://img.shields.io/badge/mysql2-^2.2.5-green?logo=mysql)

![typescript](https://img.shields.io/badge/typescript-^4.1.2-yellow?logo=typescript)
![prettier](https://img.shields.io/badge/prettier-^2.2.0-yellow?logo=prettier)
![eslint](https://img.shields.io/badge/eslint-^7.11.0-yellow?logo=eslint)

</div>

## 🔗 [http://honey-in-money.kro.kr](http://honey-in-money.kro.kr)

## 📢 [프로젝트 실행방법](https://github.com/boostcamp-2020/Project16-E-Account-Book/wiki/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%8B%A4%ED%96%89-%EB%B0%A9%EB%B2%95)

## 🐝 프로젝트 소개

| 👨‍👩‍👧‍👦 가계부 기능                                             | 🔍 가계부 내역 조회                                           | 📝 가계부 내역 관리                               | 📊 가계부 내역 분석                                           |
| ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------ | ------------------------------------------------------------ |
| 개인 가계부 관리<br /> 소셜 가계부 생성<br />소셜 가계부 초대<br />소셜 가계부 요청 승인/거절 | 일별 내역 조회<br />월별 달력 조회<br />수입/지출별 내역 조회 | 거래 내역 추가/수정<br />SMS 기반 내역 입력 기능 | 카테고리별 지출 파이차트<br />카테고리별 지출 막대차트<br />최근 5주간 수입/지출 분석<br />최근 4개월간 수입/지출 분석 |

## 🔍 [기술 특장점](https://www.notion.so/db3fac16c9d34cc4813faf4b462bca15?v=81092053b3024bc6a21eb43b6102bad0)

### [🔗](https://www.notion.so/Atomic-Design-Component-a6ff0e30ea9b442ab32af26f4530464f) Atomic Design을 통한 Component 재활용

### [🔗](https://www.notion.so/Storybook-UI-Component-138b3f11444c47c8a227a9e9fbc1d712) Storybook을 활용한 UI Component 개발

### [🔗](https://www.notion.so/27afa5f11fc041df93ad3d6fac4aad36) 로그인 여부에 따른 화면 렌더링

### [🔗](https://www.notion.so/OAuth2-0-JWT-bf83dab9a973479ea9eada0b2a515b9b) 간편하고 안전하게 로그인하기  OAuth2.0 + JWT

### [🔗](https://www.notion.so/GitHub-Actions-CI-CD-82f12d882ddc4c7b831e5bbc7b2f6c69) GitHub Actions로 자동화된 CI/CD를  적용해보자!

### [🔗](https://www.notion.so/c9cc204180444c1bac1fe3edef3fed6a) 모듈화를 통한 코드 가독성 향상

### [🔗](https://www.notion.so/4fa70aa46d9f4300b07b7ea772b84057) 프로젝트를 효율적으로 기획하고 관리하기



## 🕵️‍♂️ 팀원 소개
| J029 [김도연](https://github.com/do02reen24) 🍋 | J085 [박제구](https://github.com/Zigje9) 🍓 | J160 [이지우](https://github.com/leejiwoo2002) 🍎 | J176 [장준영](https://github.com/JunYoung7) 🍉 |
| :--------------------------------------------: | :----------------------------------------: | :----------------------------------------------: | :-------------------------------------------: |
|![김도연](https://user-images.githubusercontent.com/50297117/102125776-805fb980-3e8d-11eb-9353-4496da2c923a.png)|![박제구](https://user-images.githubusercontent.com/50297117/102125773-7fc72300-3e8d-11eb-8f42-60760eb7bacb.png)|![이지우](https://user-images.githubusercontent.com/50297117/102125767-7e95f600-3e8d-11eb-95b1-b4a53759cd05.png)|![장준영](https://user-images.githubusercontent.com/50297117/102125782-82297d00-3e8d-11eb-8a10-07ac6a890848.png)|
|    함께 성장하고 함께 개발하고 싶은 개발자     |         언제나 소통하는 개발자          |   사용자가 머무르고 싶은 UI/UX를 제공하는 개발자   |    소통을 통한 지속 성장 가능한 개발자     |




## 📚 기술 스택

### FE

| <img width= 50 src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566913457/noticon/eh4d0dnic4n1neth3fui.png"> | <img width= 50 src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566557331/noticon/d5hqar2idkoefh6fjtpu.png"> | <img width= 50 src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1567749614/noticon/zgdaxpaif5ojeduonygb.png"> | <img width= 50 src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1568851518/noticon/lwj3hr9v1yoheimtwc1w.png"> | <img width= 50 src="https://i.imgur.com/CaPkmmW.png"> |
| :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :---------------------------------------------------: |
|                          TypeScript                          |                            React                             |                            Redux                             |                      Styled-Components                       |                       StoryBook                       |

### BE

| <img width= 50 src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566913457/noticon/eh4d0dnic4n1neth3fui.png"> | <img width= 50 src="https://i.imgur.com/OJDBuQy.png"> | <img width= 50 src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1603423163/noticon/az0cvs28lm7gxoowlsva.png"> | <img width= 50 src="https://i.imgur.com/1lgBkrb.png"> |
| :----------------------------------------------------------: | :---------------------------------------------------: | :----------------------------------------------------------: | :---------------------------------------------------: |
|                          TypeScript                          |                          Koa                          |                            MySQL                             |                          PM2                          |


### Infra

| <img width= 50 src="https://i.imgur.com/13vmPV0.png"> | <img width= 50 src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566798146/noticon/lku5cppzh8r7awwsmmko.png"> | <img width= 50 src="https://i.imgur.com/7DqlbDX.png"> |
| :---------------------------------------------------: | :----------------------------------------------------------: | :---------------------------------------------------: |
|                        Ncloud                         |                            Nginx                             |                       GitAction                       |

[선정이유](https://github.com/boostcamp-2020/Project16-E-Account-Book/wiki/%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB-%EA%B8%B0%EC%88%A0-%EC%8A%A4%ED%83%9D)

## 웹 아키텍처

![](https://i.imgur.com/8O1uItI.png)