{"id":20449311,"url":"https://github.com/codestates-seb/seb44_main_022","last_synced_at":"2025-04-13T01:45:53.731Z","repository":{"id":178028620,"uuid":"658614522","full_name":"codestates-seb/seb44_main_022","owner":"codestates-seb","description":"BUYTE 커스텀 제과를 판매하는 서비스입니다.","archived":false,"fork":false,"pushed_at":"2023-07-26T08:27:19.000Z","size":63477,"stargazers_count":7,"open_issues_count":5,"forks_count":5,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-13T01:45:43.992Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codestates-seb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-06-26T06:50:42.000Z","updated_at":"2023-10-16T07:43:10.000Z","dependencies_parsed_at":null,"dependency_job_id":"ebf4a7b0-af4c-4f25-934f-24ecbd1598ed","html_url":"https://github.com/codestates-seb/seb44_main_022","commit_stats":null,"previous_names":["codestates-seb/seb44_main_022"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codestates-seb%2Fseb44_main_022","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codestates-seb%2Fseb44_main_022/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codestates-seb%2Fseb44_main_022/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codestates-seb%2Fseb44_main_022/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codestates-seb","download_url":"https://codeload.github.com/codestates-seb/seb44_main_022/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248654030,"owners_count":21140235,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-15T10:40:22.239Z","updated_at":"2025-04-13T01:45:53.718Z","avatar_url":"https://github.com/codestates-seb.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# seb44_main_022\n\n\u003cbr/\u003e\n\n\u003cdiv  align=\"center\"\u003e\n  \u003cimg width=\"45%\" height= \"50%\" src=\"https://github.com/codestates-seb/seb44_main_022/assets/81670100/65256e57-211b-4e13-b537-aa6ecfd5f9c6\" alt=\"\"\u003e\n\u003c/div\u003e\n\n\u003c/br\u003e\n\n- **`팀 이름` :**  🥯 BUYTE\n- **`프로젝트 명` :**  커스텀 케이크, 빵, 쿠키를 제작해주는 제과점 중개 유통 서비스입니다.\n- **`프로젝트 기간` :** 2023.06.28 ~ 2023.07.24\n- `팀원` : 김준표(팀장), 민정호, 양효정, 김현우(부팀장), 오숙현, 이준기\n- **`배포 링크` :** [배포링크](https://www.buyte.site/)\n\n## 목차\n\n1. [**팀원 소개**](#1)\n1. [**서비스 소개/주요 기능**](#2)\n1. [**프로젝트 문서**](#3)\n1. [Git ](#4)\n1. [**기술 스택**](#5)\n1. [**실행\u0026빌드**](#6)\n1. [**미리 보기**](#7)\n\n\u003cbr/\u003e\n\n\u003cdiv id=\"1\"\u003e\u003c/div\u003e\n\n## 🧑‍💻 팀원 소개\n\n\u003cdiv  align=\"center\"\u003e\n\n  ### Contributors\n| [김준표](https://github.com/KimJunpyo)(FE, 팀장)  |[민정호](https://github.com/jungo0 ) (FE)| [양효정](https://github.com/Raros17 ) (FE)| [김현우](https://github.com/j6d9s)     (BE, 부팀장)    | [오숙현](https://github.com/oshyun00)(BE) | [이준기](https://github.com/ljg980708)(BE)| \n| :-----------------------------------: | :-----------------------------------: | :----------------------------------: | :----------------------------------: | :------------------------------------: | :-------------------------------------: |\n|\u003cimg src=\"https://github.com/codestates-seb/seb44_main_022/assets/81670100/3892ae63-64c2-4193-8816-c10ed9cf7b1c\" width = \"120\" alt = \"\"/\u003e |\u003cimg src=\"https://github.com/codestates-seb/seb44_main_022/assets/81670100/8db25782-41ce-4dde-bda5-a4dddc98363e\" width=\"120\" alt=\"\"/\u003e | \u003cimg src=\"https://github.com/codestates-seb/seb44_main_022/assets/81670100/11a41a41-d034-451f-af20-40f581b91c18\" width=\"120\" alt =\"\"/\u003e |\u003cimg src = \"https://github.com/codestates-seb/seb44_main_022/assets/81670100/2bbe07cc-e988-47bd-bef7-8b5c0f327377\" width = \"120\" alt = \"\"/\u003e| \u003cimg src = \"https://github.com/codestates-seb/seb44_main_022/assets/81670100/b7f580ab-3d41-4353-aba1-7e83c422919f\" width = \"120\" alt = \"\"/\u003e |\u003cimg src = \"https://github.com/codestates-seb/seb44_main_022/assets/81670100/b1fc756f-6384-41bd-a60b-feb0046f021a\" width=\"120\" alt=\"\"/\u003e  |\n\n\u003c/div\u003e\n\n\n\u003cdetails\u003e\n\u003csummary\u003e담당 파트\u003c/summary\u003e\n\u003cdiv markdown=\"1\"\u003e\n\n**김준표**\n- Login/SignUp\n- OAuth Google 2.0\n- Private Routing\n- Header\n- Map Page\n- Cart Page\n- Payment Page\n- Order Complete Page\n- Not Found Page\n- Chatting\n- Chat List Page\n \n **민정호**\n - Main Page\n - Header\n - Footer\n - Custom Page\n - Design\n\n \n **양효정**\n - Store List Page\n- Preference Product List Page\n- MyPage\n- Store Detail Page\n \n **김현우**\n- Cart\n- Order\n- Payment\n- Chatting\n- Deploy\n \n **오숙현**\n- Member CRUD\n- Log In, Log out\n- Spring Security\n- JWT\n- OAuth2 (Google)\n- Order History\n \n **이준기**\n - Store\n- Product\n- Ingredients\n- Logging\n\n\u003c/div\u003e\n\u003c/details\u003e\n\n\u003cbr /\u003e\n\n\n\n\u003cdiv id=\"2\"\u003e\u003c/div\u003e\n\n## 서비스 소개/주요 기능\n\n\u003e \u003ch3\u003e\u003cstrong\u003eBUYTE\u003c/strong\u003e는 커스텀 제과를 판매하는 서비스입니다. \u003c/h3\u003e\n\u003e \u003ch3\u003e  나만의 빵을 원하시나요? BUTYE에서 주문해보세요!\u003c/h3\u003e\n\n* 🍪 주문방법 \u003cbr/\u003e\n  - 지도에서 가까운 매장 찾기\n  - 입점된 매장리스트 확인하기\n  - BUYTE에서 추천해주는 추천 메뉴 확인하기\n  - 커스텀 제품, 기존 판매중인 제품 구매\n* 🍩 커스텀\n  - 사용자가 원하는 디자인의 케이크, 도넛, 쿠키의 디자인시안을 제작\n  - 그림판에서 원하는 이미지를 업로드\n  - 사이드바에서 원하는 재료를 추가\n* 🥐 장바구니/결제\n  - 제품 이미지 클릭 시 확해된 이미지 제공\n  - 체크박스를 통한 수량변경\n  - 장바구니 내 일부/전체 제품 선택 및 결제\n  - 상세 주소를 입력받고 가상 결제\n* 💬 채팅\n   - 채팅을 통한 사용자와 사장님간 소통\n   - 판매자 계정으로 접근한 채팅(기존 채팅목록 확인 가능)\n* 👤 마이페이지\n  - 주문내역 확인 / 주문한 제품의 페이지로 이동 가능\n  - 프로필 (닉네임 수정, 회원 탈퇴)\n    \n\u003cdiv id=\"3\"\u003e\u003c/div\u003e\n\n##  📃 프로젝트 문서\n- [사용자 요구사항 정의서](https://www.notion.so/codestates/0ea904ff8bf843e482c54c79f5b968d8?pvs=4)\n- [API 명세서](https://buyte.docs.apiary.io/#)\n- [DBDiagram](https://www.erdcloud.com/d/cweQuiw3cTWkugiDJ)\n- [화면정의서](https://www.notion.so/codestates/fc8191319b9247d0a30e85fc06cf2344?pvs=4)\n- [프로젝트 매뉴얼](https://docs.google.com/presentation/d/1rhBxaLJ7gMKkn2cz6nAhMGHs2sQR4q46CtkVvVI2y1Y/edit#slide=id.g25b4a5fc115_0_101)\n\n\n\u003cdiv id=\"4\"\u003e\u003c/div\u003e\n\n## ✅ Git\n# Commit rule\n\n| 이름     | 내용                                                                      |\n| :------- | :------------------------------------------------------------------------ |\n| feat     | 새로운 기능을 추가할 경우                                                 |\n| fix      | 버그를 고친 경우                                                          |\n| refactor | 리팩토링                                                                  |\n| design   | css, UI 수정                                                              |\n| docs     | 문서를 수정한 경우                                                        |\n| style    | 코드 포맷 변경, 세미 콜론 누락, 코드 수정이 없는 경우                     |\n| test     | 테스트 추가, 테스트 리팩토링(프로덕션 코드 변경 X)                        |\n| chore    | 빌드 태스트 업데이트, 패키지 매니저를 설정하는 경우(프로덕션 코드 변경 X) |\n| rename   | 파일 혹은 폴더명을 수정하거나 옮기는 작업만인 경우                        |\n| remove   | 파일을 삭제하는 작업만 수행한 경우                                        |\n| comment  | 필요한 주석 추가 및 변경                                                  |\n\n### Branch\n`main`: 배포 브랜치\n\n`dev`: 프론트, 백 통합 dev브랜치\n\n`feat/be/\"기능\"`: 백엔드 기능 구현 브랜치\n\n`feat/fe/\"기능\"`: 프론트엔드 기능 구현 브랜치\n\n\n\u003cdiv id=\"5\"\u003e\u003c/div\u003e\n\n##  ⚙️ 기술 스택\n\n## ⚙️ Tools\n| Github | Discord |Notion|\n| :---: | :---: |:---:|\n| \u003cimg alt=\"github logo\" src=\"https://techstack-generator.vercel.app/github-icon.svg\" width=\"65\" height=\"65\"\u003e | \u003cimg alt=\"Discord logo\" src=\"https://assets-global.website-files.com/6257adef93867e50d84d30e2/62595384e89d1d54d704ece7_3437c10597c1526c3dbd98c737c2bcae.svg\" height=\"65\" width=\"65\"\u003e |\u003cimg alt=\"Notion logo\" src=\"https://www.notion.so/cdn-cgi/image/format=auto,width=640,quality=100/front-static/shared/icons/notion-app-icon-3d.png\" height=\"65\" width=\"65\"\u003e|\n\n\n##   🖥 Frontend\n| Html | CSS| TypeScript| React | Styled-\u003cbr\u003eComponents | Redux-ToolKit |\n| :---: | :---: | :---: | :---: | :---: | :---: |\n| \u003cimg alt=\"Html\" src =\"https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/440px-HTML5_logo_and_wordmark.svg.png\" width=\"65\" height=\"65\" /\u003e | \u003cdiv style=\"display: flex; align-items: flex-start;\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/111227745/210204643-4c3d065c-59ec-481d-ac13-cea795730835.png\" alt=\"CSS\" width=\"50\" height=\"65\" /\u003e\u003c/div\u003e | \u003cdiv style=\"display: flex; align-items: flex-start;\"\u003e\u003cimg src=\"https://techstack-generator.vercel.app/ts-icon.svg\" alt=\"icon\" width=\"65\" height=\"65\" /\u003e\u003c/div\u003e | \u003cdiv style=\"display: flex; align-items: flex-start;\"\u003e\u003cimg src=\"https://techstack-generator.vercel.app/react-icon.svg\" alt=\"icon\" width=\"65\" height=\"65\" /\u003e\u003c/div\u003e | \u003cdiv style=\"display: flex; align-items: flex-start;\"\u003e\u003cimg src=\"https://www.styled-components.com/atom.png\" alt=\"styled-components icon\" width=\"65\" height=\"65\" /\u003e\u003c/div\u003e | \u003cdiv style=\"display: flex; align-items: flex-start;\"\u003e\u003cimg src=\"https://techstack-generator.vercel.app/redux-icon.svg\" alt=\"icon\" width=\"63\" height=\"63\" /\u003e\u003c/div\u003e |\n\n## 🔒 Backend\n\n| Java | AWS | Spring | Spring\u003cbr\u003eBoot | MySQL|Spring\u003cbr/\u003eSecurity\n| :---: | :---: | :---: | :---: | :---: | :---: |\n| \u003cdiv style=\"display: flex; align-items: flex-start;\"\u003e\u003cimg src=\"https://techstack-generator.vercel.app/java-icon.svg\" alt=\"icon\" width=\"65\" height=\"65\" /\u003e\u003c/div\u003e | \u003cdiv style=\"display: flex; align-items: flex-start;\"\u003e\u003cimg src=\"https://techstack-generator.vercel.app/aws-icon.svg\" alt=\"icon\" width=\"65\" height=\"65\" /\u003e\u003c/div\u003e | \u003cimg alt=\"spring logo\" src=\"https://www.vectorlogo.zone/logos/springio/springio-icon.svg\" height=\"50\" width=\"50\" \u003e | \u003cimg alt=\"spring-boot logo\" src=\"https://t1.daumcdn.net/cfile/tistory/27034D4F58E660F616\" width=\"65\" height=\"65\" \u003e | \u003cimg alt=\"spring-boot logo\" src= \"https://github.com/codestates-seb/seb44_pre_035/assets/81670100/56f2acff-92fc-4f0f-8eee-780dfb2d30d6\" width=\"65\" height=\"65\" \u003e| \u003cimg alt=\"spring-boot logo\" src=\"https://blog.kakaocdn.net/dn/dIQDQP/btqZ09ESd8T/0ibqtotW52OaJS8HznXDQK/img.png\" width=\"65\" height=\"65\" \u003e|\n\n### 아키텍처\n\u003cimg src=\"https://github.com/codestates-seb/seb44_main_022/assets/81670100/5a0a9f4e-7dda-475a-adb5-e53f9b0a956f\"\u003e\n\n\n\u003cdiv id=\"6\"\u003e\u003c/div\u003e\n\n## 🕹️ 실행 \u0026 빌드(Frontend)\n\n+ 실행\n\n```bash\n# 폴더 진입\ncd client\n\n# 패키지 설치 ( \"node\" 필요 )\nnpm install\n\n# 개발용 실행\nnpm start\n```\n\n\n\u003cdiv id=\"7\"\u003e\u003c/div\u003e\n\n## 😎 미리보기\n\n\u003chtml\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003cth\u003e\n      메인 페이지\n    \u003c/th\u003e\n    \u003cth\u003e\n      로그인/회원가입 페이지\n    \u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://github.com/codestates-seb/seb44_main_022/assets/81670100/e2596499-f048-4b9c-88a3-6c0362556978\"  alt=\"signup page\" width = \"500\" height = \"300\"\u003e\n      \u003cspan\u003e\u003cbr/\u003e   ✔ 처음 사용자를 위해 주문방법, 판매제품 등을 소개합니다.  \u003cbr/\u003e ✔ 커스텀 기능을 사용해본 팀원들의 리뷰를 확인할 수 있습니다.  \u003cbr/\u003e\u003cspan/\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003cimg src= \"https://github.com/codestates-seb/seb44_main_022/assets/81670100/17e9d5c5-4ea7-47d7-b15e-e23fb39d2820\" alt=\"login page\" width = \"500\" height = \"300\"\u003e\n       \u003cspan\u003e\u003cbr/\u003e ✔  일반회원가입과 google oauth로 계정을 생성합니다.\u003cbr/\u003e ✔ 유효성 검사를 모두 통과해야 로그인,가입버튼이 활성화 됩니다. \u003cbr/\u003e ✔ 로그인 상태에 따라 헤더가 변경됩니다.\u003cspan/\u003e\n    \u003c/td\u003e\n   \u003c/tr\u003e \n  \u003ctr\u003e\n    \u003cth\u003e\n      매장 리스트 페이지\n    \u003c/th\u003e\n    \u003cth\u003e\n      채팅 페이지\n    \u003c/th\u003e\n  \u003c/tr\u003e\n\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://github.com/codestates-seb/seb44_main_022/assets/81670100/85f5d327-f569-4641-a7da-f3946c447bce\" alt=\"main page\"  width = \"500\" height = \"300\"\u003e\n      \u003cspan\u003e\u003cbr/\u003e ✔  매장 리스트들을 확인하여 원하는매장을 선택합니다.\u003cbr/\u003e ✔ 매장명으로 검색이 가능합니다. \u003cspan/\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003cimg src= \"https://github.com/codestates-seb/seb44_main_022/assets/81670100/7ce83143-abf2-4f8d-94d7-43e77e92253a\" alt=\"write page\"  width = \"500\" height = \"300\"\u003e\n             \u003cspan\u003e\u003cbr/\u003e ✔ 채팅으로 소비자와 사장님간 소통이 가능합니다.\u003cbr/\u003e ✔ 판매자 계정으로 접근하면 채팅목록을 확인할 수 있습니다.\u003cspan\u003e\n    \u003c/td\u003e\n   \u003c/tr\u003e\n   \u003ctr\u003e\n    \u003cth\u003e\n      커스텀 페이지\n    \u003c/th\u003e \n    \u003cth\u003e\n      지도 페이지\n    \u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://github.com/codestates-seb/seb44_main_022/assets/81670100/c66c2d3c-cc88-4d1e-ba19-bc44d1f3967a\" alt=\"main page\" width = \"500\" height = \"300\"\u003e\n     \u003cspan\u003e\u003cbr/\u003e✔ 케이크,쿠키,도넛 세가지 제품을 커스텀할 수 있습니다. \u003cbr/\u003e ✔ 펜/지우개를 색상을 변경하여 사용할 수 있습니다. \u003cbr/\u003e ✔ 사이드바에서 재료를 추가할 수 있습니다.\u003cspan/\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://github.com/codestates-seb/seb44_main_022/assets/81670100/ee0c36c5-0bc8-4353-a63d-280145aa5494\" alt=\"main page\"  width = \"500\" height = \"300\"\u003e\n       \u003cspan\u003e\u003cbr/\u003e✔ 카카오맵을 사용한 지도를 통해 매장위치를 확인할 수 있습니다. \u003cbr/\u003e ✔ 모달에서 매장사진,매장명,추천제품을 확인합니다.\u003cspan/\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e \n   \u003ctr\u003e\n    \u003cth\u003e\n      장바구니/결제 페이지\n    \u003c/th\u003e \n    \u003cth\u003e\n      마이 페이지\n    \u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://github.com/codestates-seb/seb44_main_022/assets/81670100/1d71f68d-c58e-48a1-8e3c-b1c858023e99\" alt=\"main page\" width = \"500\" height = \"300\"\u003e\n     \u003cspan\u003e\u003cbr/\u003e✔ 장바구니에 담긴 제품들의 이미지를 새 창으로 확인하고 결제화면으로 넘어갑니다.\u003cbr/\u003e ✔ iamport를 사용하여 카카오페이 가상결제를 할 수 있습니다. \u003cspan/\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://github.com/codestates-seb/seb44_main_022/assets/81670100/07c509b2-5fbf-4557-8f30-7ddf5155c43d\" alt=\"main page\"  width = \"500\" height = \"300\"\u003e\n       \u003cspan\u003e\u003cbr/\u003e✔ 사용자의 주문내역을 확인합니다. \u003cbr/\u003e ✔ 회원탈퇴, 닉네임수정이 가능합니다. \u003cspan/\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e \n\u003c/table\u003e\n\u003c/html\u003e\n\u003cbr/\u003e\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodestates-seb%2Fseb44_main_022","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodestates-seb%2Fseb44_main_022","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodestates-seb%2Fseb44_main_022/lists"}