From 80d8ca2046532435252bc66ba3a88b10f2744fcf Mon Sep 17 00:00:00 2001 From: Dongmin <122417731+cdm1263@users.noreply.github.com> Date: Fri, 10 May 2024 09:50:43 +0900 Subject: [PATCH] Update README.md --- README.md | 89 ++++++++++++++++++++++++++++++++++++++++--------------- 1 file changed, 65 insertions(+), 24 deletions(-) diff --git a/README.md b/README.md index c403366..be7dac4 100644 --- a/README.md +++ b/README.md @@ -1,36 +1,77 @@ -This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). +# Pokehub (포켓허브) -## Getting Started +> 나만의 포켓몬 카드를 만들 수 있는 포켓몬 도감 커뮤니티!
+> 개발기간: 2023.11 ~ 2024.02 (1.0 ver)
+ +
-First, run the development server: +## 개발 팀원 소개 -```bash -npm run dev -# or -yarn dev -# or -pnpm dev -# or -bun dev -``` - -Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. +|차동민|남기훈|박철민| +|:---------------------------------------------------------------------------------------------------------------------------------:|:---------------------------------------------------------------------------------------------------------------------------------:|:---------------------------------------------------------------------------------------------------------------------------------:| +| **[차동민](https://github.com/ChoEun-Sang)** | **[남기훈](https://github.com/BearHumanS)** | **[박철민](https://github.com/DICEPT)** | +|메인 도감 페이지
카드 제작 페이지
포켓몬 카드 제작| 도감 상세 페이지
마이 페이지
SEO 최적화| 커뮤니티 페이지
데스크탑, 모바일 UX/UI 디자인
로딩 애니메이션 UI 제작 | +
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. +## 사용 기술 -This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font. +**Development** -## Learn More +

+ + + + + + + +
+

-To learn more about Next.js, take a look at the following resources: +**Tools** -- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. -- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. +

+ + + + + + +

+
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome! +## 프로젝트 소개 -## Deploy on Vercel +### 메인 페이지 +![pokehub1](https://github.com/side-project-pokehub/my-pokemon/assets/122417731/40c3bfe5-8692-400d-9003-c4b678c84d0c) +### 도감 (속성 선택 x) +![pokehub2](https://github.com/side-project-pokehub/my-pokemon/assets/122417731/8a871cd0-3c59-417e-be70-7a149a6e6a95) +### 도감 (속성 선택) +![pokehub3](https://github.com/side-project-pokehub/my-pokemon/assets/122417731/cac365ea-a20b-4341-bb9b-241ca176e6ff) +### 카드 제작 페이지 +![pokehub4](https://github.com/side-project-pokehub/my-pokemon/assets/122417731/a8086332-ac0b-4ccb-a534-1c2b2b68a039) +### 커뮤니티 페이지 +![pokehub5](https://github.com/side-project-pokehub/my-pokemon/assets/122417731/0a66d396-2078-4dac-92db-f3d353cc3ad0) +### 마이 페이지 +![pokehub6](https://github.com/side-project-pokehub/my-pokemon/assets/122417731/d6523b78-bff4-43a6-82e2-bbd6914ef129) -The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. +

+## 시작하기 -Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details. +### clone project +```bash +$ git clone git@github.com:side-project-pokehub/my-pokemon.git +``` +### open project +```bash +$ cd my-pokemon +``` +### install +```bash +$ yarn install +``` +### start +```bash +$ yarn dev +``` +