heeeesoo / eatda-fe

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