Skip to content

Example of an online store using React.js and Django

License

Notifications You must be signed in to change notification settings

Hell4uk/PixelPort

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

🛒 Интернет-магазин на 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)

/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