자산관리와 모의투자를 통해 모아서 굴려보자 모구리!

모구리는 MZ세대를 대상으로 자산관리와 투자교육을 한번에 할 수 있는 서비스입니다.
가계부 사용 시 여러 게임적인 요소를 배치해 리워드를 얻어 모의투자 및 귀여운 모구리 캐릭터를 구매할 수 있습니다.

📺 OverView

소비유형 검사	자산관리 가계부 페이지	출석체크 및 이벤트 페이지	모의투자 페이지	모구리 상점 페이지
간단한 테스트로 소비유형을 파악할 수 있습니다	퀘스트와 목표로 리워드를 얻을 수 있습니다	출석체크,룰렛,퀴즈 등으로 리워드를 얻을 수 있습니다	얻은 리워드로 모의투자를 할 수 있습니다	모은 리워드로 귀여운 모구리를 구매할 수 있습니다

🔗 **모구리 소개 영상** : https://drive.google.com/file/d/11wIC-s_-lXM77UwtoA57e4QxB53oxZWk/view?usp=sharing
🔗 **시연 영상** : https://drive.google.com/file/d/1QCEqptMmiOGiIcwW3KkjNOdsaHrd-dj1/view?usp=sharing
🔗 **모구리 BE GITHUB** : (https://github.com/Asthux/Moguri)

📷 세부 기능

메인 및 모구리 소개

• 모구리 메인 페이지입니다.

• 모구리 캐릭터 설정을 알려주는 페이지입니다.

소비유형 검사

• 소비유형 검사 페이지입니다. 비회원도 가능하게 하여 사용자 유치를 할 수 있게 합니다.

가계부

• 가계부를 통해 자산관리를 할 수 있습니다.

• 사용자가 수입, 지출을 한눈에 볼 수 있는 통계입니다.

• 목표, 퀘스트를 설정하고 클리어 하며 리워드를 얻게 됩니다.

출석체크 및 이벤트

• 출석체크, 룰렛으로 리워드를 얻게 됩니다.

• 금융지식과 관련된 퀴즈를 풀며 리워드를 얻게 됩니다.

모의투자

• KOSPI, KOSDAQ 종목 검색할 수 있으며 매수하는 화면입니다.

• 사용자가 매수한 전체 주식을 수익률과 함께 볼 수 있습니다.

• 모의투자 랭킹 페이지입니다.

모구리 상점

• 사용자는 모아둔 리워드로 모구리 캐릭터를 구매하여 프로필에 사용 가능합니다.

🏛️ System Architecture

🛠️ Tech Stack

⚙️ Tools

Github	Discord	Notion	Figma

🖥 Front-end

Html	CSS	Vue	Bootstrap	Vite	Axios	Pinia

Category	TechStack
Framework	Vue.js
Styling	Bootstrap CSS
State Management	Pinia
Build Tool	Vite
Design Collaboration	Figma

💾 BackEnd

Java	mySQL	GCP	Spring	Spring Security	Redis

Category	TechStack
Framework, Language	Legacy Spring, Java
DB & ORM	MySQL, Redis
API Docs	Notion
GCP	Cloud SQL

🧑‍💻 Contributor

백승은 (FE Leader)	이은지	신동민
- 모의투자 프론트엔드 구현 - 가계부 프론트엔드 구현	- 소비유형검사 프론트엔드, 백엔드 구현	- 이벤트 프론트엔드, 백엔드 구현

📓 Document

• 모구리 PDF

📄 Commit Message

Message	설명
feat	새로운 기능을 추가할 경우
fix	버그를 고친 경우
design	CSS 등 사용자 UI 디자인 변경
style	코드 포맷변경, 세미콜론 누락, 코드수정이 없는 경우.
refactor	프로덕션 코드 리펙토링할 경우
comment	필요한 주석 추가 및 변경
docs	문서를 수정한 경우
test	테스트 코드 작업을할 경우
chore	빌드 테스트 업데이트, 패키지 매니저를 설정하는 경우
rename	파일 혹은 폴더명을 수정하거나 옮기는 작업만 하는 경우
remove	삭제하는 작업만 수행한 경우
init	브랜치 초기화 및 초기셋팅 관련된 설정일 경우