Przeglądaj źródła

next Readme update

Gogs 1 miesiąc temu
rodzic
commit
ea0c06c99e
1 zmienionych plików z 21 dodań i 17 usunięć
  1. 21 17
      README.md

+ 21 - 17
README.md

@@ -2,7 +2,7 @@
 
 ## 🎯 Контекст проекта
 
-**Название:** Интернет-магазин лакокрасочной продукции "Браер-Колор"
+**Название:** Интернет-магазин лакокрасочной продукции "Браер-Колор" с админ панелью, мудьтидоменной и мультиязычной структурой
 **Тип:** SPA (Single Page Application) с современным минималистичным дизайном
 **Аналоги:** Функциональность m-kraski.ru с дизайном impasto-color.ru
 
@@ -10,18 +10,18 @@
 
 ### Frontend
 - **Шаблонизатор:** Pug (включая Vue компоненты)
-- **Стилизация:** Tailwind CSS (исключительно через классы)
+- **Стилизация:** Tailwind CSS (исключительно через классы) в файлах styl, d качестве имён классов использоваьть методологию BEM
 - **Логика:** CoffeeScript с Vue.js 3
 - **Маршрутизация:** Vue Router
 - **Анимации:** Утилиты Tailwind (transition-, transform-, hover:)
-- **База данных:** PouchDB с синхронизацией CouchDB
+- **База данных:** PouchDB(локальный кешь, открытых данных) с синхронизацией CouchDB (центральное хранилище данных, и сессий пользователей.)
 
 ### Архитектура
 ```
 app/
 ├── index.pug (основной layout)
 ├── index.coffee (инициализация Vue и роутера)
-├── theme.config.coffee (дизайн-система)
+├── index.styl (файл хранения описания классов по системе BEM с использованием Tailwind)
 ├── utils/
 │   └── pouch.coffee (сервис работы с PouchDB)
 ├── design/
@@ -74,10 +74,10 @@ module.exports = {
 ```stylus
 // Использование @css для Tailwind классов
 @css {
-  .admin-sidebar {
+  .admin--sidebar {
     @apply w-64 bg-white dark:bg-gray-800 shadow-md h-screen fixed;
   }
-  .menu-item-active {
+  .menu-item--active {
     @apply bg-primary-100 text-primary-700 dark:bg-primary-900 dark:text-primary-300;
   }
 }
@@ -87,12 +87,12 @@ module.exports = {
 
 **Основной layout (app/index.pug):**
 ```pug
-div(class="min-h-screen bg-white dark:bg-gray-900 text-gray-900 dark:text-white transition-colors duration-300 font-sans")
-  header(class="bg-white dark:bg-gray-800 shadow-sm")
-    nav(class="container mx-auto px-4 py-4")
-      div(class="flex justify-between items-center")
-        div(class="text-2xl font-bold text-primary-600") {{ kompname }} 
-        div(class="flex items-center space-x-4")
+div(class="")
+  header(class="header")
+    nav(class="header-nav")
+      div(class="header-nav-blok")
+        div(class="header-nav--name") {{ kompname }} 
+        div(class="header-nav--menu")
           multilevelmenu
           themetoggle
   
@@ -251,13 +251,13 @@ module.exports = new PouchDBService({
 ### 🎛️ Компоненты админ-панели
 Учти возможность многодоменной разработки, и ограничения доступа в зависимости от используемого домена на клиенской части, и в админке, в зависимости от прав администратора.
 
-**Layout админки (app/pages/Admin/Layout/index.pug):**
+**Layout админки (app/pages/Admin/index.pug):**
 ```pug
-div(class="min-h-screen bg-gray-50 dark:bg-gray-900 flex")
+div(class="mainadmin-block")
   .admin-sidebar
     .p-4
-      h1(class="text-xl font-bold text-gray-800 dark:text-white mb-6") Панель администратора
-      nav(class="space-y-2")
+      h1(class="mainadmin-block--h1") Панель администратора
+      nav(class="mainadmin-block--nav")
         a(
           v-for="item in menuItems"
           :key="item.id"
@@ -536,12 +536,16 @@ https://cdn1.ozone.ru/s3/multimedia-1-p/7663352533.jpg";;;ЭкоКрас;4673764
 ## 🚀 Состояние разработки
 
 ### ✅ Реализовано
-Анализировать реализованный код, по git репозитарию 
+Анализировать реализованный код, по git репозитарию https://gogs.osvoj.ru/oleg/s5l.ru-crm.git
+Проверяй промт и изменения в нём по адресу https://gogs.osvoj.ru/oleg/s5l.ru-crm/raw/master/README.md
 
 ### 🚧 В процессе
   Начать разработку с полного листинга файлов
   app/index.coffee
   app/index.pug
   app/index.styl
+  app/utils/pouch.db
+  app/desing/admin.coffee
+  app/desing/site.coffee