Mogumogu(모그모구)<6조>

모앙 : 커플 공동 지출 관리 웹/앱

📌 실행 방법

# for Development
npm install && npm run dev

# For Presentation
npm install && npm run build && npm start

📌 개발 기간

2023-08-03 ~ 2023-08-21

📌 모듈 의존성

"next": "^13.4.12",
"next-pwa": "^5.6.0",
"next-compose-plugins": "^2.2.1",
"react": "18.2.0",
"react-calendar": "^4.6.0",
"react-chartjs-2": "^5.2.0",
"react-datepicker": "^4.16.0",
"react-dom": "18.2.0",
"recharts": "^2.7.3",
"@emotion/react": "^11.11.1",
"@emotion/styled": "^11.11.0",
"@mui/icons-material": "^5.14.3",
"@mui/material": "^5.14.3",
"@mui/x-date-pickers": "^6.11.0",
"@nivo/bar": "^0.83.0",
"@nivo/core": "^0.83.0",
"@nivo/pie": "^0.83.0",
"axios": "^1.4.0",
"chart.js": "^4.3.3",
"dayjs": "^1.11.9",
"eslint": "8.46.0",
"eslint-config-next": "13.4.12"

📌 UI/UX 데모

로그인 화면

Fintech6/src/app/login/page.js

회원가입 화면

Fintech6/src/app/join/page.js

홈 화면

Fintech6/src/app/home/page.js

캘린더 화면

Fintech6/src/app/calendar/page.js

가계부 화면

Fintech6/src/app/account/page.js

관리1 화면

Fintech6/src/app/manage/page.js

Fintech6/src/app/manage/spend/page.js

관리2 화면

Fintech6/src/app/manage/manage2/page.js

Fintech6/src/app/manage/manage2/add/page.js

설정 화면

Fintech6/src/app/settings/page.js

📌 피그마 주소

https://www.figma.com/file/5FbUZXmn7HRUutw433l8VP/%ED%95%80%EC%9D%B8%EC%BD%94-6%EC%A1%B0_UI?type=design&node-id=145-242&mode=design&t=xqxrrvJMCbRVhiy5-0

📌 Notion 주소

https://funny-wave-ef6.notion.site/032fd831357f4d3d96b690a2d105955d?v=d012b23d76c84db1a812c8feabc13d44