{"id":24296616,"url":"https://github.com/bekcodingaddict/fastpizza","last_synced_at":"2025-03-06T08:15:00.107Z","repository":{"id":270548015,"uuid":"866448703","full_name":"BekCodingAddict/FastPizza","owner":"BekCodingAddict","description":"The Fast React Pizza app is a modern, multi-page pizza ordering web application built using React and a variety of supporting technologies. The main purpose of this project is to provide a fully functional pizza ordering system where users can browse pizza options, add items to a cart, view detailed orders, and manage their profiles.","archived":false,"fork":false,"pushed_at":"2025-01-01T08:34:15.000Z","size":227,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-16T19:28:12.635Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://fast-pizza-tawny.vercel.app","language":"JavaScript","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/BekCodingAddict.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":"2024-10-02T09:27:44.000Z","updated_at":"2025-01-01T08:34:19.000Z","dependencies_parsed_at":"2025-01-01T08:22:35.662Z","dependency_job_id":"3361aef0-12b0-4445-845a-685f0345cd9e","html_url":"https://github.com/BekCodingAddict/FastPizza","commit_stats":null,"previous_names":["bekcodingaddict/fastpizza"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BekCodingAddict%2FFastPizza","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BekCodingAddict%2FFastPizza/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BekCodingAddict%2FFastPizza/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BekCodingAddict%2FFastPizza/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BekCodingAddict","download_url":"https://codeload.github.com/BekCodingAddict/FastPizza/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242171481,"owners_count":20083557,"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":"2025-01-16T19:25:03.332Z","updated_at":"2025-03-06T08:15:00.079Z","avatar_url":"https://github.com/BekCodingAddict.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🍕 Fast Pizza React 앱이란?\n\n\u003e [!NOTE]\n\u003e Fast Pizza React 앱은 React로 구축된 현대적인 다중 페이지 피자 주문 웹 애플리케이션입니다. 이 앱은 사용자가 피자 옵션을 탐색하고, 항목을 장바구니에 추가하고, 계정을 만들지 않고도 주문할 수 있는 편리한 플랫폼을 제공합니다. 이 앱은 간단하고 직관적이며 피자를 사랑하는 사람들에게 쉽고 빠르게 사용할 수 있도록 설계되었습니다.\n\n### 프로젝트 요구사항:\n- [x] 사용자가 메뉴에서 하나 이상의 피자를 주문할 수 있는 매우 간단한 애플리케이션 🍕\n- [x] 사용자 계정과 로그인이 필요하지 않으며, 사용자는 애플리케이션을 사용하기 전에 이름을 입력만 하면 됩니다 ✍️\n- [x] 피자 메뉴는 변경될 수 있으므로 API에서 로드되어야 합니다 🌐\n- [x] 사용자는 주문하기 전에 장바구니에 여러 피자를 추가할 수 있어야 합니다 🛒\n- [x] 주문에는 사용자의 이름, 전화번호 및 주소만 필요합니다 📝\n- [x] 가능하다면, GPS 위치를 제공하여 배달을 더 쉽게 할 수 있습니다 📍\n- [x] 사용자는 장바구니 가격에 20%를 추가하여 \"우선 주문\"을 할 수 있습니다 ⚡\n- [x] 주문은 API로 주문 데이터를 (사용자 데이터+선택한 피자) 포함한 POST 요청을 보내는 방식으로 이루어집니다 💌\n- [x] 결제는 배달 시 이루어지므로 애플리케이션에서 결제 처리 기능은 필요 없습니다 💳❌\n- [x] 각 주문은 고유한 ID를 부여받으며, 사용자가 나중에 주문 ID로 주문을 확인할 수 있습니다 🔢\n- [x] 사용자는 주문을 한 후에도 \"우선 주문\"으로 표시할 수 있어야 합니다 ✅\n\n### Features and Pages\n\n| Featured Categories | Necessary pages   | URL Params      |\n| ------------------- | ----------------- | --------------- |\n| User                | HomePage          | /               |\n| Menu                | Pizza menu        | /menu           |\n| Cart                | Cart              | /cart           |\n| Order               | Placing new order | /order/new      |\n| Order               | Looking up order  | /order/:orderId |\n\n### Technologies \u0026 Tools:\n\n\u003cp\u003e\n  \u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/javascript/javascript-original.svg\" title=\"JavaScript\" alt=\"JavaScript\" width=\"40\" height=\"40\"/\u003e\u0026nbsp;\n  \u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/html5/html5-original.svg\" title=\"HTML5\" alt=\"HTML\" width=\"40\" height=\"40\"/\u003e\u0026nbsp;\n  \u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/css3/css3-plain-wordmark.svg\"  title=\"CSS3\" alt=\"CSS\" width=\"40\" height=\"40\"/\u003e\u0026nbsp;\n  \u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/react/react-original-wordmark.svg\" title=\"React\" alt=\"React\" width=\"40\" height=\"40\"/\u003e\u0026nbsp;\n  \u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/redux/redux-original.svg\" title=\"React\" alt=\"React\" width=\"40\" height=\"40\"/\u003e\u0026nbsp;\n  \u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/reactrouter/reactrouter-original.svg\" title=\"React\" alt=\"React\" width=\"40\" height=\"40\"/\u003e\u0026nbsp;\n  \u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/tailwindcss/tailwindcss-original.svg\" title=\"npm\" alt=\"npm\" width=\"40\" height=\"40\"/\u003e\u0026nbsp;\n\u003c/p\u003e\n\n## Fast Pizza 앱의 주요 기능들:\n### 🛒 피자 메뉴\n- 피자 메뉴는 동적으로 변경할 수 있으며 API를 통해 쉽게 업데이트할 수 있어, 사용자가 최신 메뉴를 항상 확인할 수 있습니다.\n### 👤 사용자 계정 및 로그인 불필요\n- 사용자는 주문을 하기 위해 계정을 만들 필요가 없습니다. 앱을 사용하기 전에 이름만 입력하면 됩니다.\n###  🍽️ 다수의 피자 주문 가능\n- 사용자는 하나 이상의 피자를 장바구니에 추가하여 주문을 할 수 있으며, 이를 통해 주문을 유연하게 조정할 수 있습니다.\n### 📍 위치 서비스\n- 배달을 더 쉽게 하기 위해 사용자는 GPS 위치를 제공할 수 있습니다. 이를 통해 정확한 배달이 가능합니다.\n### 💳 우선순위 주문\n- 사용자는 추가 요금 20%를 지불하고 주문을 \"우선순위\"로 지정할 수 있어, 빠른 배달을 보장합니다.\n### 📦 고유 주문 ID\n- 모든 주문은 고유한 ID를 부여받아, 사용자가 나중에 주문을 추적하거나 조회할 수 있도록 합니다.\n### 📱 주문 양식\n- 주문을 하기 위해 사용자는 이름, 전화번호, 주소만 입력하면 됩니다. 앱 내에서는 결제 처리가 필요하지 않으며, 결제는 배달 시 이루어집니다.\n### 🛑 주문 후 우선순위 변경 가능\n- 주문이 완료된 후에도 사용자는 자신의 주문을 \"우선순위\"로 업데이트할 수 있어, 주문 관리에 유연성을 제공합니다.\n\n## 🎉 성취\n### 📦 의존성 관리 마스터\n- 개발 및 프로덕션 환경을 최적화하기 위해 dependencies와 devDependencies를 성공적으로 설정하고 관리했습니다.\n### 🚀 원활한 개발 워크플로우\n- 빠른 개발 및 효율적인 빌드 프로세스를 위해 vite를 통합하고 dev, build, preview 명령어를 설정했습니다.\n### 🎨 Tailwind CSS 사용자 정의\n- tailwindcss와 prettier-plugin-tailwindcss를 사용하여 아름답고 잘 정리된 스타일을 구현했습니다.\n### 🛠 ESLint 및 Prettier 설정\n- eslint, eslint-config-react-app, prettier와 같은 도구를 설정하여 깨끗하고 유지 관리하기 쉬운 코드를 보장했습니다.\n### ⚛️ React 고급 지식\n- react, react-dom, react-router-dom, react-redux를 사용하여 확장 가능하고 동적인 웹 애플리케이션을 구축하는 데 숙달했습니다.\n\n## 📚 배운 점\n### 🔄 모듈형 아키텍처의 중요성\n- 확장 가능한 redux-toolkit 상태 관리를 설정하여 모듈형 아키텍처의 이점을 배웠습니다.\n### 📐 린트 규칙의 정확성\n- 엄격한 ESLint 규칙 (--max-warnings 0)이 규율을 강화하고 간과된 문제를 방지하는 방법을 이해했습니다.\n### ⚡ 성능 최적화\n- Vite의 빠른 빌드 시간과 핫 모듈 교체가 개발 경험을 향상시키는 방법을 배웠습니다.\n### 📚 CSS 최적화\n- autoprefixer와 PostCSS의 강력함을 탐구하여 다양한 브라우저 간 CSS 호환성을 보장했습니다.\n### 🔗 라우팅 및 상태 관리 숙달\n- 복잡한 라우팅 시스템 (react-router-dom)과 redux를 통한 효율적인 글로벌 상태 관리 기술을 향상시켰습니다.\n### 🚨 디버깅 기술\n- vite-plugin-eslint과 같은 도구가 개발 중에 문제를 탐지하여 디버깅을 간소화하는 방법을\n\n\n## Problems \u0026 Challanges\n| Error \u0026 Problem Title | Status | Difficult | Date |\n|--|--|--|--|\n|[🎨 TailwindCSS Conflicts](https://github.com/BekCodingAddict/FastPizza/blob/master/Problems/TailwindCSS-Conflicts.md) | ![solved](https://img.shields.io/badge/solved-blue) | low | Oct 3, 2024 |\n\n## UI Screenshots\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbekcodingaddict%2Ffastpizza","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbekcodingaddict%2Ffastpizza","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbekcodingaddict%2Ffastpizza/lists"}