From ff43b3b86ee1d644ad542cadc4a43b3050020c29 Mon Sep 17 00:00:00 2001 From: MOJAN Date: Tue, 6 Aug 2024 05:03:44 +0900 Subject: [PATCH 1/2] =?UTF-8?q?feat:=20board=20=EA=B2=8C=EC=8B=9C=EA=B8=80?= =?UTF-8?q?=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/src/app/board/[id]/page.tsx | 143 +++++++++++++++++++++++++++ 1 file changed, 143 insertions(+) create mode 100644 apps/web/src/app/board/[id]/page.tsx diff --git a/apps/web/src/app/board/[id]/page.tsx b/apps/web/src/app/board/[id]/page.tsx new file mode 100644 index 0000000..9bbfa7f --- /dev/null +++ b/apps/web/src/app/board/[id]/page.tsx @@ -0,0 +1,143 @@ +"use client" + +import Comment from "@/components/Comment"; +import MainLayout from "@/components/MainLayout"; +import Nutrient from "@/components/Nutrient"; +import { IconBookmark, IconChevronLeft, IconChevronRight, IconHeart, IconShare } from "@tabler/icons-react"; +import Image from "next/image"; +import { useState } from "react"; + +export default function BoardDetailPage(){ + const imageLength = 5; + const [index, setIndex] = useState(0); + const moveIndex = (offset: number) => { + if(0 <= (index + offset) && (index + offset) < imageLength) + setIndex(index + offset); + else if(0 > (index + offset)) + setIndex(0); + else + setIndex(imageLength-1); + } + return ( + +
+
+ +
+ +
+ board Iamge 1 + board Iamge 1 + board Iamge 1 + board Iamge 1 + board Iamge 1 +
+ +
+ +
+
+
+ profile Image +
+ username +
+
+ 1일전 +
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +
+
+ +
+
+ + + +
+
+ 댓글 3개 +
+
+ + + + +
+
+
+ + ) +} \ No newline at end of file From 1bfc5240a98dac56feb5bffc577528b6bd5a0082 Mon Sep 17 00:00:00 2001 From: MOJAN Date: Tue, 6 Aug 2024 20:20:06 +0900 Subject: [PATCH 2/2] =?UTF-8?q?Docs:=20=EB=A6=AC=EB=93=9C=EB=AF=B8=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 149 ++++++++++++++---------------------------------------- 1 file changed, 39 insertions(+), 110 deletions(-) diff --git a/README.md b/README.md index b7a2231..70b342d 100644 --- a/README.md +++ b/README.md @@ -1,110 +1,39 @@ -# Turborepo starter - -This is an official starter turborepo. - -## Using this example - -Run the following command: - -```sh -npx create-turbo@latest -e with-prisma -``` - -## What's inside? - -This turborepo includes the following packages/apps: - -### Apps and Packages - -- `web`: a [Next.js](https://nextjs.org/) app -- `@repo/eslint-config`: `eslint` configurations (includes `eslint-config-next` and `eslint-config-prettier`) -- `@repo/database`: [Prisma](https://prisma.io/) ORM wrapper to manage & access your database -- `@repo/typescript-config`: `tsconfig.json`s used throughout the monorepo - -Each package/app is 100% [TypeScript](https://www.typescriptlang.org/). - -### Utilities - -This turborepo has some additional tools already setup for you: - -- [TypeScript](https://www.typescriptlang.org/) for static type checking -- [ESLint](https://eslint.org/) for code linting -- [Prettier](https://prettier.io) for code formatting -- [Prisma](https://prisma.io/) for database ORM -- [Docker Compose](https://docs.docker.com/compose/) for local database - -### Database - -We use [Prisma](https://prisma.io/) to manage & access our database. As such you will need a database for this project, either locally or hosted in the cloud. - -To make this process easier, we offer a [`docker-compose.yml`](https://docs.docker.com/compose/) file to deploy a MySQL server locally with a new database named `turborepo` (To change this update the `MYSQL_DATABASE` environment variable in the `docker-compose.yml` file): - -```bash -cd my-turborepo -docker-compose up -d -``` - -Once deployed you will need to copy the `.env.example` file to `.env` in order for Prisma to have a `DATABASE_URL` environment variable to access. - -```bash -cp .env.example .env -``` - -If you added a custom database name, or use a cloud based database, you will need to update the `DATABASE_URL` in your `.env` accordingly. - -Once deployed & up & running, you will need to create & deploy migrations to your database to add the necessary tables. This can be done using [Prisma Migrate](https://www.prisma.io/migrate): - -```bash -npx prisma migrate dev -``` - -If you need to push any existing migrations to the database, you can use either the Prisma db push or the Prisma migrate deploy command(s): - -```bash -yarn run db:push - -# OR - -yarn run db:migrate:deploy -``` - -There is slight difference between the two commands & [Prisma offers a breakdown on which command is best to use](https://www.prisma.io/docs/concepts/components/prisma-migrate/db-push#choosing-db-push-or-prisma-migrate). - -An optional additional step is to seed some initial or fake data to your database using [Prisma's seeding functionality](https://www.prisma.io/docs/guides/database/seed-database). - -To do this update check the seed script located in `packages/database/src/seed.ts` & add or update any users you wish to seed to the database. - -Once edited run the following command to run tell Prisma to run the seed script defined in the Prisma configuration: - -```bash -yarn run db:seed -``` - -For further more information on migrations, seeding & more, we recommend reading through the [Prisma Documentation](https://www.prisma.io/docs/). - -### Build - -To build all apps and packages, run the following command: - -```bash -yarn run build -``` - -### Develop - -To develop all apps and packages, run the following command: - -```bash -yarn run dev -``` - -## Useful Links - -Learn more about the power of Turborepo: - -- [Tasks](https://turbo.build/repo/docs/core-concepts/monorepos/running-tasks) -- [Caching](https://turbo.build/repo/docs/core-concepts/caching) -- [Remote Caching](https://turbo.build/repo/docs/core-concepts/remote-caching) -- [Filtering](https://turbo.build/repo/docs/core-concepts/monorepos/filtering) -- [Configuration Options](https://turbo.build/repo/docs/reference/configuration) -- [CLI Usage](https://turbo.build/repo/docs/reference/command-line-reference) +# ✨ 밀로그: Mealog +모두의 건강한 식사를 위한 **AI 기반 영양 분석 및 식단 추천 서비스** Mealog +## 🦁 Team 경대라이온즈 +||||| +|:-:|:-:|:-:|:-:| +|황부연
[@ArpaAP](https://github.com/ArpaAP)|박규리
[@parkgyul](https://github.com/parkgyul)|박재민
[@jamie2779](https://github.com/jamie2779)|심준성
[@MOJAN3543](https://github.com/MOJAN3543)| + +## 🥰 개발 동기 +> 2020년 보건복지부에서는 한국인의 대부분이 나트륨의 섭취가 과도하게 높고 칼슘, 비타민 A와 같은 주요 영양소 섭취가 부족하다고 밝혔습니다. 이러한 문제를 해결하고자 사진을 통해 간편하게 음식의 영양 정보를 추적하고, 기록하여 본인의 식습관을 뒤돌아 보고 좀 더 건강한 식사를 할 수 있도록 하는 서비스인 Mealog를 개발하게 되었습니다. + +## 🔍 주요 기능 +* 사용자가 업로드한 사진을 AI 모델을 통해 식사에 포함된 영양소를 분석 +* 사용자가 하루에 섭취한 영양소를 기록하고 점수화 +* 음식 사진을 서비스에 공유 · 다른 사람들의 사진들을 탐색 +* 부족한 영양 섭취에 도움을 주는 식품 판매 + +## 📚 기술 스택 +### Front-End +* Next.js +* TypeScript +* TailWind CSS +### Back-End +* Next.js +* TypeScript +### AI API +* YOLO v3 +* PyTorch +* Flask +### Other +* Docker +* Turborepo +* Prisma +* Github Action + +## 🤔 유저 플로우 +![UserFlow_Diagram](https://github.com/user-attachments/assets/1396d6c3-84a5-4070-ad3e-23b11389e0d2) + +## 🤖 AI 레포지토리 +> [mealog-ai](https://github.com/LikeLion-KNU04/mealog-ai) \ No newline at end of file