BellyWelly-FE

💡 프로젝트 개요

https://github.com/BellyWelly

🎇 배포 링크

https://bellywelly.kro.kr/

💻 프론트엔드 기술 스택

⚙️ 사용한 오픈소스

Chart.js

• 도넛 그래프 , 꺾은선 그래프 구현
• 공식문서

react-datepicker

• 달력 구현
• 공식문서

recoil

• 전역 상태 관리
• 공식문서

🔧 설치 및 실행 방법

(1) 레포지토리 클론

git clone https://github.com/BellyWelly/BellyWelly-FE.git

(2) 필요한 패키지 설치

npm install

(3) 실행

npm run start

(4) 빌드

npm run build

📁 파일구조

|-- src
|   |-- assets
|   |-- components
|   |-- hooks
|   |-- layout
|   |-- network
|   |-- pages
|   |-- store
|   |-- utils
|
|-- App.tsx
|-- index.tsx

⚙️ 서비스 아키텍쳐