README

Описание проекта

Данный проект представляет собой веб-приложение для управления пользователями. Пользователи могут добавлять, редактировать, удалять и фильтровать пользователей по статусу и имени. Данные пользователей сохраняются в локальном хранилище браузера.

Технологии

В проекте использованы следующие технологии:

• HTML: для разметки страницы.
• CSS: для стилизации интерфейса.
• TypeScript: для типизации и улучшения качества кода.
• JavaScript: скомпилированный из TypeScript с помощью tsc.
• LocalStorage: для хранения данных пользователей в браузере.

Версии

• Node.js: 14.x или выше (если используется для сборки проекта).
• TypeScript: 4.x или выше.

Структура проекта

/project-root
│   ├── .git/                # Директория Git
│   ├── dist/                # Скомпилированные файлы JavaScript
│   │   └── app.js           # Основной файл приложения
│   ├── src/                 # Исходные файлы TypeScript
│   │   ├── app.ts           # Основной файл приложения
│   │   └── ...              # Другие файлы
│   ├── index.html           # Главная HTML-страница
│   ├── style.css            # Файл стилей
│   ├── tsconfig.json        # Конфигурация TypeScript
│   └── README.md            # Этот файл

Как запустить проект

1. Клонируйте репозиторий:

   git clone https://github.com/skv0r/prog-tech
   cd prog-tech

2. Установите зависимости (если есть):

   npm install

3. Скомпилируйте проект:

   npx tsc

4. Откройте index.html в браузере:

   • Просто дважды щелкните на файл index.html или откройте его через браузер.

Логика приложения

Приложение использует паттерн "Модель-Представление" (Model-View-Presenter, MVP).

• Модель (UserModel): отвечает за управление данными пользователей, включая добавление, редактирование, удаление и загрузку данных из LocalStorage.
• Представление (UserPresenter): управляет взаимодействием с пользователем, обрабатывает события и обновляет интерфейс на основе данных из модели.

Основные функции:

• Добавление пользователя: Пользователь вводит данные в форму и нажимает кнопку "Добавить". Данные сохраняются в модели и отображаются в таблице.
• Редактирование пользователя: Пользователь может редактировать данные, нажав кнопку "Редактировать" рядом с нужным пользователем.
• Удаление пользователя: Пользователь может удалить данные, нажав кнопку "Удалить".
• Поиск и фильтрация: Пользователь может искать пользователей по имени и фильтровать их по статусу (активный/заблокирован).

Контакты

• Разработчик: Григорий Буренков
• Email: skvorgrand@gmail.com