Front-End

디자인 초안(Figma)

• https://www.figma.com/file/ZlaG5Eh77d1hPy5TPWi0CP/Team_Nodeul?type=whiteboard&node-id=0-1

최종 디자인(메뉴얼)

• 최종 디자인(메뉴얼 포함) LINK : https://drive.google.com/file/d/1fRyR2btuEOqlDKptYxZFCw7XxOHC5JRX/view

• 시연 영상(유튜브) LINK : https://www.youtube.com/shorts/e0YOsHZPv3o

기술스택

• TypeScript(JavaScript)

• Node.js 20.9.0 (for npm)

• React Native 0.72

• EXPO cli SDK 49

• EAS(Expo Application Services)

• react-native-ble-plx 3.1.2 (블루투스 Low Energy)

• VisualStudioCode

• Android Studio(for Build and Emulator)

리액트 구조

App.tsx

• Home Stack

• • Home.tsx
• • BeforeCount.tsx
• • NFCScreen.tsx
• • AutoMeasure.tsx -->(호출) useBLE.tsx
• • TakingBreak.tsx
• • ManualMeasure.tsx
• • RoutineBottomSheet.tsx

• Diet Stack

• • Diet.tsx
• • CreateDietManual.tsx
• • DietByGPT.tsx
• • PostDiet2PGT.tsx

• Routine Stack

• • Routine.tsx
• • AboutRoutine.tsx
• • MakeRoutine.tsx
• • RoutineByGPT.tsx
• • Post2GPT.tsx

• Group Stack

• • Group.tsx
• • AboutGroup.tsx
• • SearchGroup.tsx
• • GroupSetting.tsx

• MyPage Stack

• • Mypage.tsx