Skip to content

Latest commit

 

History

History
113 lines (70 loc) · 4.07 KB

README.md

File metadata and controls

113 lines (70 loc) · 4.07 KB

Space Agency website

Описание

Данный проект представляет собой веб-страницу, собранную по макету Figma с использованием Django 4.1. Для функционала слайдера использован Slick Slider, который заполняется через админку Django.

Проект нацелен на проверку следующих навыков:

  • базовые знания HTML, CSS, JavaScript
  • создание Django-проектов с подключением MySQL и внешних библиотек
  • работа с Figma
  • управление версиями через Git

Основной функционал

Слайдер

Реализован с использованием Slick Slider. Поддержка режима Slider Syncing (синхронизация миниатюр с основным слайдером). При клике на большую фотографию открывается полноэкранный просмотр с возможностью листать изображения.

Админка Django

Слайдер заполняется через админ-панель. Для загрузки картинок используется пакет django-filer.

В админке настроено кадрирование изображений с помощью easy-thumbnails.

Сортировка слайдов реализована через drag-and-drop с использованием пакета django-admin-sortable2.

В списке записей отображаются миниатюры загруженных изображений и их названия.

Технологии

Backend

  • Django 4.1
  • Python 3.9
  • MySQL

Frontend

  • HTML
  • CSS
  • JavaScript

Django-пакеты

  • django-filer — загрузка и управление файлами.
  • easy-thumbnails — создание миниатюр для изображений.
  • django-admin-sortable2 — сортировка записей в админке через drag-and-drop.
  • Git — управление версиями.

Установка и запуск проекта

  1. Клонирование репозитория

    git clone https://github.com/mswesson/space-agency.git
cd space-agency

  2. Установка зависимостей

    1. Установка с помощью pip

      Убедитесь, что у вас установлен Python версии 3.9. Установите зависимости из файла req.pip:

      pip install -r req.pip

    2. Установка с помощью Poetry

      Убедитесь, что у вас установлен Poetry. Если он не установлен, вы можете установить его, следуя инструкциям на официальном сайте Poetry.

      poetry install

  3. Создайте и заполните файл .env по анологии с .env.template

  4. Установите docker и docker-compose

    Установить можно с оффициального сайта https://docs.docker.com/engine/install/

  5. Соберите контейнеры

    docker compose build

  6. Запустите сервер

    docker compose up -d

  7. Создание суперпользователя

    • Входим в контейнер docker exec -it <название приложения> bash

    • Создаем пользователя python manage.py createsuperuser

  8. Запуск проекта

    Готово!

    Откройте браузер и перейдите по адресу: