پروژه فروشگاهی کامل با دو بخش مجزا:
- Front-End → توسعهی رابط کاربری با HTML, CSS, JavaScript و Vite
- Back-End → توسعهی API با Django REST Framework و JWT Authentication
shop/
├── core/
│ ├── front-end/ # رابط کاربری با Vite و Tailwind
│ └── back-end/ # API با Django و DRF
├── README.md
هر پوشه شامل README اختصاصی خودش هست برای جزئیات بیشتر.
git clone https://github.com/DanialKK/shop.gitcd shop/core/front-end
npm install
npm run dev📡 اجرا روی http://localhost:3000
🔗 درخواستهای /api به صورت پراکسی به http://127.0.0.1:8000 هدایت میشوند
cd shop/core/back-end
python -m venv venv
source venv/bin/activate # مک/لینوکس
venv\Scripts\activate # ویندوز
pip install -r requirements.txt
py manage.py makemigrations
python manage.py migrate
python manage.py runserver📡 اجرا روی http://127.0.0.1:8000
- HTML, CSS, JavaScript (Vanilla)
- Vite برای توسعه سریع و بیلد بهینه
- Tailwind CSS با پیکربندی مستقیم
- JWT Authorization برای ارتباط امن با بکاند
- ساختار ماژولار با ورودیهای مستقل:
main,shop,admin
- Django 4.x
- Django REST Framework
- JWT Authentication
- SQLite (پیشفرض) یا PostgreSQL
- مدیریت کاربران، محصولات، سفارشها، امتیازها
| عملیات | مسیر | توضیح |
|---|---|---|
| ثبتنام | POST /api/auth/register/ |
ایجاد حساب کاربری |
| لاگین | POST /api/auth/login/ |
دریافت JWT |
| رفرش توکن | POST /api/auth/token/refresh/ |
دریافت توکن جدید |
| خروج | POST /api/auth/logout/ |
بلاککردن توکن رفرش |
| مدل | مسیر پایه | عملیات |
|---|---|---|
| Category | /api/categories/ |
CRUD (فقط مدیر) |
| Tag | /api/tags/ |
CRUD (فقط مدیر) |
| Product | /api/products/ |
CRUD + افزودن تصویر |
| Order | /api/orders/ |
ثبت و مشاهده سفارش |
| OrderItem | /api/order-items/ |
مدیریت آیتمها |
| Rating | /api/ratings/ |
امتیازدهی به محصولات |
npm run build
npm run preview- برای توسعه، از برنچهای
front-endوback-endاستفاده کنید - برای فیچرهای جدید، برنچهای
feature/...بسازید و بعد از بررسی، PR بزنید بهdevelopment - برای انتشار نهایی، فقط از
masterاستفاده شود
Made with ❤️ by Homow & DanialKK — Modular, Secure, and Scalable