This project is a frontend implementation of the Digikala online store using React and Vite.

• React 19
• Vite
• TailwindCSS
• React Query
• React Router DOM
• React Icons
• Swiper

• 🛍️ Product display with filtering and search capabilities
• 📱 Responsive design for all devices
• 🎨 Modern and beautiful UI with Tailwind CSS
• 📝 Blog section with random article display
• 👤 Admin panel for managing products and articles
• 🔄 State management with React Query
• 🛒 Dynamic shopping cart
• ⚡ Fast performance using Vite

1. First, clone the project:

git clone https://github.com/Alisamavat-dev/Digikala-React
cd react

2. Install dependencies:

npm install

3. Run the development server:

npm run dev

4. To build the production version:

npm run build

src/
├── components/         # Main components
│   ├── Admin/         # Admin panel components
│   ├── Home/          # Home page components
│   └── Router/        # Routing configuration
├── pages/             # Main pages
├── assets/            # Static files and images
└── main.jsx          # Application entry point

https://digikala-react.vercel.app/

• Design and Development: Mohammad Ali Samavat

git clone https://github.com/Alisamavat-dev/Digikala-React
cd react

npm install

npm run dev

npm run build

src/
├── components/         # کامپوننت‌های اصلی
│   ├── Admin/         # کامپوننت‌های پنل مدیریت
│   ├── Home/          # کامپوننت‌های صفحه اصلی
│   └── Router/        # تنظیمات مسیریابی
├── pages/             # صفحات اصلی
├── assets/            # تصاویر و فایل‌های استاتیک
└── main.jsx          # نقطه شروع برنامه