{"id":24785538,"url":"https://github.com/bspsoft/shop","last_synced_at":"2026-04-12T09:05:20.999Z","repository":{"id":272418279,"uuid":"916523354","full_name":"BSPSoft/shop","owner":"BSPSoft","description":"shopping use react","archived":false,"fork":false,"pushed_at":"2025-01-22T20:36:50.000Z","size":3940,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-22T21:28:45.247Z","etag":null,"topics":["bootstrap","mongoose","react"],"latest_commit_sha":null,"homepage":"","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/BSPSoft.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":"2025-01-14T09:07:50.000Z","updated_at":"2025-01-22T20:52:29.000Z","dependencies_parsed_at":null,"dependency_job_id":"8f8078d1-323f-4e45-b4d5-449d58cc5eca","html_url":"https://github.com/BSPSoft/shop","commit_stats":null,"previous_names":["bspsoft/shop"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BSPSoft%2Fshop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BSPSoft%2Fshop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BSPSoft%2Fshop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BSPSoft%2Fshop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BSPSoft","download_url":"https://codeload.github.com/BSPSoft/shop/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245240764,"owners_count":20583099,"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":["bootstrap","mongoose","react"],"created_at":"2025-01-29T14:18:49.837Z","updated_at":"2026-04-12T09:05:20.964Z","avatar_url":"https://github.com/BSPSoft.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# متجر إلكتروني باستخدام React\n\nهذا المشروع هو تطبيق متجر إلكتروني بسيط مبني باستخدام مكتبة React. يتم جلب بيانات المنتجات من RESTful API، مما يجعل التطبيق ديناميكيًا وسهل التحديث.\n\n---\n\n## الميزات\n\n- عرض قائمة بالمنتجات.\n- تصنيف المنتجات حسب الأصناف.\n- التصميم  متجاوب مع جميع الأجهزة.\n- جلب البيانات ديناميكيًا من RESTful API.\n- واجهة مستخدم بسيطة وسهلة الاستخدام.\n- إدارة حالة البيانات باستخدام **React Hooks** مثل `useState` و `useEffect`.\n\n---\n\n## التقنيات المستخدمة\n\n- **React**: لإنشاء الواجهة التفاعلية.\n- **Axios**: للتعامل مع RESTful API.\n- **CSS/Styled Components -- Bootstarp**: لتصميم الواجهة.\n- **RESTful API**: كمصدر بيانات المنتجات.\n\n---\n\n## طريقة التشغيل\n\n### 1. تثبيت المتطلبات:\nقبل بدء المشروع، تأكد من تثبيت **Node.js** على جهازك. ثم قم بتثبيت حزم المشروع باستخدام:\n\n```bash\nnpm install\n```\n\n### 2. تشغيل التطبيق:\nلتشغيل التطبيق على بيئة التطوير، استخدم الأمر:\n\n```bash\nnpm start\n```\n\nسيتم فتح التطبيق على المتصفح تلقائيًا عبر الرابط: [http://localhost:3000](http://localhost:3000)\n\n---\n\n## استخدام API\n```bash\ncd server\nnode server.js\n```\nالرابط:\n  ```\n [https://localhost:4000]\n  ```\n### API المستخدمة:\n- **الأصناف**: يتم جلب قائمة الأصناف من الرابط:\n  ```\n  GET https://localhost:4000/items\n  ```\n- **المنتجات**: يتم جلب المنتجات باستخدام معرف الصنف:\n  ```\n  GET https://localhost:4000/products\n  ```\n\n**ملاحظات**:\n- يجب أن يحتوي كل منتج على الحقول التالية: \n  - `id` (معرف المنتج)\n  - `ItemId` (معرف الصنف)\n  - `name` (اسم المنتج)\n  - `price` (سعر المنتج)\n  - `descripe` (وصف المنتج)\n  - `img` (رابط الصورة)\n\n---\n\n---\n\n## المزايا المستقبلية (TODO)\n\n- إضافة ميزة البحث عن المنتجات.\n- دعم العربة الشرائية (Shopping Cart).\n- إضافة مصادقة المستخدم.\n\n---\n\n## متطلبات النظام\n\n- **Node.js**: إصدار 16 أو أحدث.\n- **npm**: إصدار 7 أو أحدث.\n\n---\n\n## المساهمة\n\nمرحب بأي مساهمات لتطوير هذا المشروع! إذا كنت ترغب في المساهمة، قم بفتح فرع جديد، نفذ التعديلات، وأرسل طلب دمج (Pull Request).\n\n---\n\n## الترخيص\n\nهذا المشروع مفتوح المصدر بموجب [MIT License](LICENSE).\n\n---\n\n## معاينة\n\n![لقطة شاشة للمشروع](public/shop1.jpg)\n![لقطة شاشة للمشروع](public/shop2.jpg)\n![لقطة شاشة للمشروع](public/shop3.jpg)\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbspsoft%2Fshop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbspsoft%2Fshop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbspsoft%2Fshop/lists"}