vladislav-prakhov/asperanto_marketplace

#Текущее состояние ###Что сделано:

• Заложена основная структура базовой страницы
• Сделан макет страницы с товарами
• Сделан шаблон страницы под категории

###Что надо сделать:

• Создать страницу товара
• Реализовать чат
• Придумать, как должна выглядеть боковая панель
• Сделать отдельные шаблоны для анонимных юзеров и залогиненных
• Создать главную страницу

#Документация В данный момент приложение работает на основе React. ###Структура приложения:

• public - В этой папке находятся все стаитчные файлы (.html, картинки...)
• src - исходный код приложения. Внутри находятся папки Modules, Pages и основной файл base.js
  • Components - Компоненты, которые реагируют на действия пользователя
    • Search - Модальное окно, которое появляется при нажатии на поисковую строку
  • Modules - Модули приложения
    • App - основной модуль, разбивает приложение на подмодули
      • Navbar - Навигационная панель
      • Sidebar - Боковая панель (появляется при нажатии кнопки в навигационной панели)
      • Main - Тело страницы
      • Footer - Подвал страницы
  • Pages - Страницы, которые вкладываются в модуль Main
  • base.js - Собирает все воедино и рендерит в public/base.html

Остальные файлы касаются настройки приложения.

###Запуск приложения Для работы с приолжением необходимо установить последнюю версию Node.js и npm. https://nodejs.org/en/

• После установки в корневой папке приложения нужно написать

npm install

• При работе в Windows в файле package.json следующие строчки должны выглядеть так (это стоит по умолчанию):

"scripts": {
    "test": "test",
    "start": "node ./dist/server.js",
    "build-dev": "rmdir /s /q dist && webpack --mode development ...",
    "build-prod": "rmdir /s /q dist  && webpack --mode production ..."
  },

• При работе в linux в этом же файле эти же строчки должны выглядеть так:

"scripts": {
    "test": "test",
    "start": "node ./dist/server.js",
    "build-dev": "rm -r ./dist && webpack --mode development ...",
    "build-prod": "rm -r ./dist  && webpack --mode production ..."
  },

• Далее, для создания development версии (hot-reloading) необходимо выполнить

npm run build-dev

• Или, для создания production версии (сжатые скрипты и ксс файлы) выполнить

npm run build-prod

• Теперь можно запустить сервер по адресу localhost:8080 командой

npm start