Skip to content

eatda/eatda-fe

Repository files navigation

Eat Da (잇다)

따뜻한 식탁에 건강 한 스푼, EatDa (잇다) 🥗

당뇨 식단 관리,
혼자 하기 버겁지 않았나요?
잇다는 가족들의 관심과 조력의 힘을 믿습니다.

잇다는 가족과 함께하는 당뇨병 식단관리 플랫폼입니다.
당뇨인의 체질과 선호에 맞는 맞춤형 식단 추천부터 가족과 함께 선호를 공유하는 기능까지!
잇다는 당뇨인의 건강한 식생활과 함께하겠습니다.


🚀 EatDa 앱 설치하러 가기 🚀



🤼‍♂️ Team

Plan Design FrontEnd BackEnd
정경윤 이소희 seondal heesoooo
서의현 최수빈 bsa0322 jianny-lee

👩🏻‍💻 FE Role

seondal heesoooo
메인페이지
필터페이지
레시피 상세정보 페이지
레시피 조리 시작 페이지
서재탭 식후 혈당 기록하기
서재탭 주간레포트
마이페이지
주방탭 추천식사
주방탭 Our Pick!
로그인 / 온보딩 / 스플래시
회원가입 / 당뇨인
회원가입 가족공간 입장 / 생성

📚 Stack

  • Typescript 기반
  • NextJS를 이용한 Server Side Rendering
  • Redux를 이용한 전역 상태관리 (유저 및 필터 정보)
  • react-slick : 캐러셀(슬라이드 카드) 구현
  • next-auth : 카카오 소셜 로그인 및 회원 가입
  • next-pwa : progressive web app 배포

⚙️ Environment

"dependencies": {
    "@next/font": "13.1.1",
    "@reduxjs/toolkit": "^1.9.1",
    "@types/js-cookie": "^3.0.2",
    "@types/node": "18.11.18",
    "@types/react": "18.0.26",
    "@types/react-dom": "18.0.10",
    "eslint": "8.31.0",
    "eslint-config-next": "13.1.1",
    "next": "13.1.1",
    "next-auth": "^4.18.7",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-redux": "^8.0.5",
    "react-slick": "^0.29.0",
    "redux-persist": "^6.0.0",
    "redux-thunk": "^2.4.2",
    "slick-carousel": "^1.8.1",
    "typescript": "4.9.4"
  },
  "devDependencies": {
    "@types/react-slick": "^0.23.10"
  }

📁 Folder Structure

pages

│   ├── pages
│   │   ├── _app.tsx
│   │   ├── _document.tsx
│   │   ├── api
│   │   │   ├── auth
│   │   │   │   └── [...nextauth].ts
│   │   │   └── hello.ts
│   │   ├── home
│   │   │   ├── index.tsx
│   │   │   └── mypage.tsx
│   │   ├── index.tsx
│   │   ├── kitchen
│   │   │   ├── detail
│   │   │   │   └── [recipeId].tsx
│   │   │   ├── filter.tsx
│   │   │   ├── index.tsx
│   │   │   ├── ourpick.tsx
│   │   │   └── process
│   │   │       ├── [recipeId].tsx
│   │   │       └── timer.tsx
│   │   ├── library
│   │   │   ├── add.tsx
│   │   │   ├── index.tsx
│   │   │   └── report.tsx
│   │   ├── onboarding
│   │   │   ├── index.tsx
│   │   │   └── splash.tsx
│   │   └── signup
│   │       ├── create-place.tsx
│   │       ├── enter-place.tsx
│   │       ├── index.tsx
│   │       ├── loading.tsx
│   │       └── survey.tsx

components

│   ├── components
│   │   ├── common
│   │   │   ├── Button.tsx
│   │   │   ├── FooterButton.tsx
│   │   │   ├── Hr.tsx
│   │   │   └── PushPageButton.tsx
│   │   ├── home
│   │   │   ├── HomeSlider.tsx
│   │   │   ├── MealCard.tsx
│   │   │   ├── ModalBasic.tsx
│   │   │   └── SugarCard.tsx
│   │   ├── kitchen
│   │   │   ├── DetailBox.tsx
│   │   │   ├── FilterButton.tsx
│   │   │   ├── ProcessCard.tsx
│   │   │   ├── RecipeCard.tsx
│   │   │   └── RecipeList.tsx
│   │   ├── layout
│   │   │   ├── Header.tsx
│   │   │   ├── Layout.tsx
│   │   │   ├── Navigation.tsx
│   │   │   └── TabBar.tsx
│   │   └── library
│   │       ├── BestWorstCards.tsx
│   │       └── WeeklySummary.tsx

etc

│   ├── assets
│   │   ├── font.ts
│   │   ├── getScreenWidth.tsx
│   │   ├── icon.ts
│   │   ├── illust.ts
│   │   ├── route.ts
│   │   └── styles.tsx
│   ├── hooks
│   │   ├── CopyClipBoard.tsx
│   │   └── Fetch.tsx
│   ├── interface
│   │   ├── diet.ts
│   │   ├── recipe.ts
│   │   └── sugarRecord.ts
│   └── store
│       ├── filterSlice.tsx
│       ├── store.tsx
│       ├── surveySlice.tsx
│       ├── teamSlice.tsx
│       ├── tokenSlice.tsx
│       └── userSlice.tsx

✨ Detail

썸네


📺 Video

1. 회원가입

9ce51c184ff54a2b8d09bf5601b716a7.mp4

2. 식단 등록

default.mp4

3. 혈당기록 + 식단 필터링 + 로그아

default.mp4

Releases

No releases published

Packages

No packages published

Languages