[PRAC/ret] Correct README.md file

Adding "new" functional, structural description for this proj (what/how).

Worth noting:
  - that this is a realization of the "Skillbus-CRM" app.

core: B-3 / JS-BL

Author: matowdev

core-courses/3-js-basic-level/practicum-js-basic-level/README.md

@@ -2,19 +2,29 @@
 
 ### Описание проекта
 
-Данный проект представляет собой веб-приложение CRM для управления клиентами. Система позволяет добавлять, редактировать, удалять клиентов, а также управлять их контактными данными. Вся информация хранится на сервере, а клиентская часть динамически обновляется.
+Данный проект представляет собой веб-приложение CRM для управления клиентами. Система позволяет добавлять, редактировать, удалять клиентов, а также управлять их контактными данными. Вся информация хранится на удалённом сервере (изначально на локальном), что обеспечивает доступ к данным из любой точки с интернет-подключением. Клиентская часть динамически обновляется, используя асинхронные запросы к серверу.
+
+[🔗 Демо-версия на GitHub Pages](https://matowdev.github.io/fullstack-js-by-skillbox/core-courses/3-js-basic-level/practicum-js-basic-level/sb-crm-client/)
 
 ---
 
 ### Функциональность
 
-- Добавление клиентов (с динамическим управлением контактными данными).
-- Редактирование информации о клиентах (с обновлением данных в реальном времени).
-- Удаление клиентов (с подтверждением).
-- Использование модальных окон для управления клиентами (для добавления, редактирования и удаления).
-- Валидация введённых данных (с учетом типов контактов).
-- Сортировка клиентов и фильтрация по ФИО.
-- Поддержка интерактивных тултипов (для отображения информации).
+- **Добавление клиентов** (с динамическим управлением контактными данными).
+- **Редактирование информации о клиентах** (с обновлением данных в реальном времени).
+- **Удаление клиентов** (с подтверждением).
+- **Использование модальных окон для управления клиентами** (добавление, редактирование, удаление).
+- **Валидация введённых данных** (с учётом типов контактов).
+- **Сортировка клиентов и фильтрация по ФИО**.
+- **Поддержка интерактивных тултипов** (для отображения информации).
+- **Автоматическая подгрузка данных с удалённого сервера**.
+- **Индикация загрузки данных** (спиннер при ожидании ответа сервера).
+
+---
+
+### Внешний вид приложения
+
+![Skillbus-CRM]()
 
 ---
 
@@ -30,9 +40,10 @@
 
 #### Back-end:
 
-- **Node.js с Express.js** – серверная часть для обработки запросов (была уже реализована).
+- **Node.js** – серверная часть для обработки запросов.
 - **REST API** – используется для взаимодействия между клиентом и сервером.
 - **JSON** – формат хранения данных о клиентах.
+- **Render** – платформа для хостинга серверной части (сервер переходит в "спящий" режим при простое, поэтому первая загрузка может занять несколько секунд).
 
 ---
 
@@ -73,15 +84,16 @@ project-root/
 - Взаимодействие с сервером (GET, POST, PATCH, DELETE запросы).
 - Валидация введённых данных.
 - Обновление интерфейса при изменении данных.
+- Отображение спиннера при загрузке данных с сервера.
 
 #### Работа с API
 
-Система взаимодействует с сервером через REST API:
+Система взаимодействует с сервером через REST API, развернутый на Render:
 
-- `GET /api/clients` – получение списка клиентов.
-- `POST /api/clients` – добавление нового клиента.
-- `PATCH /api/clients/:id` – обновление данных клиента.
-- `DELETE /api/clients/:id` – удаление клиента.
+- `GET https://skillbus-crm.onrender.com/api/clients` – получение списка клиентов.
+- `POST https://skillbus-crm.onrender.com/api/clients` – добавление нового клиента.
+- `PATCH https://skillbus-crm.onrender.com/api/clients/:id` – обновление данных клиента.
+- `DELETE https://skillbus-crm.onrender.com/api/clients/:id` – удаление клиента.
 
 ---
 
@@ -91,6 +103,7 @@ project-root/
 2. **Валидация данных** – проверка ввода для различных типов контактов (телефон, email, соцсети).
 3. **Адаптивность** – дизайн подстраивается под разные экраны.
 4. **Интерактивные элементы** – тултипы, анимации, плавные переходы.
+5. **Спиннер загрузки** – отображается при получении данных с удалённого сервера.
 
 ---
 
@@ -114,7 +127,7 @@ node index.js
 
 ### Заключение
 
-Этот проект - "практикум" по завершению обучающего блока по JavaScript "Basic Level". Работа над CRM-системой была долгой и кропотливой, но она позволила значительно углубить понимание JavaScript, принципов работы с DOM, REST API и клиент-серверного взаимодействия.
+Этот проект - "практикум" по завершению обучающего блока по JavaScript "Basic Level". Работа над CRM-системой позволила значительно углубить понимание JavaScript, принципов работы с DOM, REST API и клиент-серверного взаимодействия.
 
 - Процесс разработки дал ценный опыт в написании чистого и структурированного кода, улучшил навыки работы с асинхронными запросами и манипуляциями с интерфейсом.
 - Проект демонстрирует не только технические навыки, но и умение продумывать архитектуру приложения, писать поддерживаемый код и учитывать пользовательский опыт.