💊 Pill Me In Client

Client Repository for Capstone Design Project "Pill Me In"

✨ Features

Source code에 대한 설명

폴더 구조

📂 Frontend_Android
├── 📂 android : Android 빌드 설정
│   ├── 📂 app
│   ├── build.gradle
│   ├── gradle
│   ├── gradlew
│   └── settings.gradle
├── 📂 app : 앱 코드 (화면, 컴포넌트, API 등)
│   ├── App.tsx : 최상위 컴포넌트
│   ├── 📂 api
│   ├── 📂 assets
│   ├── 📂 components : 재사용 가능한 UI 컴포넌트들
│   ├── 📂 navigation : React Navigation 설정 (화면 이동 관련)
│   └── 📂 screens : 화면 단위 컴포넌트들
├── node_modules : 설치된 npm 패키지들
├── app.json
├── babel.config.js
├── eas.json
├── env.d.ts
├── eslint.config.mjs
├── index.ts
├── package.json
├── package-lock.json
├── tsconfig.json
└── yarn.lock

빌드 방식

EAS (Expo Managed Workflow 기반) 에서 이후 EAS Build 사용 / 네이티브 기능 추가하면서 Bare로 전환

---

How to Install

1. Repository 클론

git clone https://github.com/pillmein/Frontend_Android.git
cd Frontend_Android

2. 의존성 설치

npm install

• git clone을 하면 의존성 패키지들이 없기 때문에 설치가 필요합니다.
• 설치 완료 시 node_modules 폴더가 생성됩니다.

3. 개발 서버 실행

npx expo start

How to Build

npx expo run:android

• 빌드 파일이 android 폴더에 생성됩니다.

How to Test

주의

.gitignore에 포함된 .env 와 android/app/google-services.json 파일이 있어야 정상 실행 가능합니다.

로컬 환경에서 테스트

npx expo start

---

Open Source

Frontend Libraries & Tools

1. React-native + Expo: React native Official Site
2. Axios: Axios Official Site
3. Styled-components: Styled-components Official Site
4. Prettier: Prettier Official Site
5. Eslint: Eslint Official Site