https://github.com/hell4uk/pixelport

Example of an online store using React.js and Django
https://github.com/hell4uk/pixelport

django django-project django-rest-framework ecommerce example experiment first-project python react reactjs sass teamwork-project template typescript website

Last synced: 3 months ago
JSON representation

Example of an online store using React.js and Django

• Host: GitHub
• URL: https://github.com/hell4uk/pixelport
• Owner: Hell4uk
• License: gpl-3.0
• Created: 2025-05-05T05:37:28.000Z (9 months ago)
• Default Branch: master
• Last Pushed: 2025-05-05T17:16:43.000Z (9 months ago)
• Last Synced: 2025-05-05T18:36:46.874Z (9 months ago)
• Topics: django, django-project, django-rest-framework, ecommerce, example, experiment, first-project, python, react, reactjs, sass, teamwork-project, template, typescript, website
• Homepage:
• Size: 178 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 🛒 Интернет-магазин на React.js и Django

Пример полноценного **e-commerce** приложения, разработанного с использованием **React.js** для фронтенда и **Django** + **DRF** для бэкенда. Проект построен по принципам модульности, масштабируемости и чистой архитектуры, с использованием **SCSS**, **feature-based структуры**, современного роутинга и API.

---

## 🚀 Возможности

- 🔐 Авторизация и регистрация пользователей

- 📦 Каталог товаров с фильтрацией и поиском

- 🛍️ Корзина и оформление заказов

- 👤 Личный кабинет и история покупок

- 🎨 Современный адаптивный дизайн

- 🧱 Чистая и масштабируемая структура проекта

---

## 🧰 Технологии

### 🖥️ Фронтенд

- **React.js** + **TypeScript**

- **React Router v6**

- **SCSS (Sass)**

- **Feature-based архитектура**

- (Опционально) Zustand / Redux для состояния

### 🗄️ Бэкенд

- **Django**

- **Django REST Framework (DRF)**

- Аутентификация через **JWT** или сессии

- База данных: PostgreSQL 

---

## 🗂️ Структура проекта (frontend)

```plaintext

/src

  /features

    /Auth          // Логин, регистрация

    /Products      // Каталог, карточки товаров

    /Cart          // Корзина

    /Orders        // История заказов

    /Profile       // Личный кабинет

  /shared

    /components    // Кнопки, инпуты, модалки и пр.

    /hooks         // Общие React-хуки

    /utils         // Утилиты (форматирование, валидация и т.д.)

    /types         // Типы данных

  /app

    /root          // App.tsx, Providers.tsx

    routes.tsx     // Все маршруты

  /assets

    /styles        // SCSS-переменные, миксины, глобальные стили

index.tsx