- Configure project metadata and dependencies - Setup Vite with React and TypeScript - Add environment configuration and .gitignore - Implement initial application entry point and assets |
||
|---|---|---|
| public | ||
| src | ||
| .env.example | ||
| .gitignore | ||
| BACKEND_INTEGRATION.md | ||
| index.html | ||
| metadata.json | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| swagger.yml | ||
| tsconfig.json | ||
| vite.config.ts | ||
Canina Iran | کانینا ایران 🐾
پلتفرم تخصصی مکملهای فوقدارویی حیوانات خانگی (نمایندگی انحصاری Canina pharma GmbH آلمان).
🌟 قابلیتهای کلیدی (Key Features)
- Smart Advisor (مشاور هوشمند): سیستم تحلیل بالینی مبتنی بر وضعیت سلامت، نژاد و سن پت برای پیشنهاد دقیق مکمل.
- Digital Health ID (شناسنامه سلامت): مدیریت کامل سوابق درمانی، یادآورها و موجودی انبار شخصی برای هر حیوان.
- Kindness Footprint (ردپای مهربانی): سیستم خیریه یکپارچه برای حمایت از حیوانات بیسرپرست پناهگاهی با هر خرید.
- PWA Support: قابلیت نصب بر روی موبایل و پشتیبانی از حالت آفلاین برای مشاهده شناسنامهها.
- B2B Portal: پورتال اختصاصی برای داروخانهها و کلینیکهای دامپزشکی.
🛠 تکنولوژیها (Tech Stack)
- Frontend: React 18, Vite, TypeScript
- Styling: Tailwind CSS (Medical Design System)
- State Management: Zustand
- Animations: Framer Motion
- Icons: Lucide React
- Notifications: Sonner
🚀 نصب و اجرا (Installation)
۱. شبیهسازی مخزن:
git clone <repository-url>
۲. نصب وابستگیها:
npm install
۳. اجرای پروژه در محیط توسعه:
npm run dev
📐 معماری پروژه (Architecture)
پروژه از معماری Component-Based با جداسازی لایههای داده (Services) و مدیریت وضعیت (Stores) استفاده میکند:
src/services/productService.ts: مدیریت دریافت و فیلترینگ هوشمند محصولات.src/store/usePetStore.ts: مدیریت متمرکز پروفایلها و محاسبات سلامت پت.src/components/SmartAdvisor.tsx: موتور تحلیل بالینی کاربرمحور.
توسعه یافته با عشق برای حیوانات ایران ❤️ Canina Pharma Laboratory - Proudly German Quality