https://github.com/karpovyuri/to-test

https://github.com/karpovyuri/to-test

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/karpovyuri/to-test
• Owner: KarpovYuri
• Created: 2024-11-08T11:23:18.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-11-08T11:34:17.000Z (3 months ago)
• Last Synced: 2024-11-08T12:30:08.887Z (3 months ago)
• Language: Vue
• Size: 36.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Тестовое задание

Приложение для управления контактами:

- **Добавлять контакты**: создавать новые записи с именем, телефоном и email.

- **Редактировать контакты**: вносить изменения в существующие контакты.

- **Удалять контакты**: удалять ненужные контакты из списка.

- **Искать контакты**: использовать поисковую строку для быстрого поиска по имени.

Данные сохраняются в localStorage, что обеспечивает их доступность при перезагрузке страницы.

## Структура компонентов

1. **Контактный список** (`ContactList.vue`): отображает список контактов.

2. **Поисковая строка** (`SearchBar.vue`): позволяет искать контакты по имени.

3. **Форма для добавления и редактирования контактов** (`ContactForm.vue`): форма для ввода/редактирования данных.

4. **Модальное окно** (`BaseModal.vue`): используется для отображения формы добавления/редактирования контактов.

5. **Кнопки и базовые компоненты**: для работы с интерфейсом.

## Настройка проекта

```sh

npm install

```

### Режим разработки

```sh

npm run dev

```

### Сборка для продакшена

```sh

npm run build

```

- [ссылка на Демо](https://to.karaudio.ru/)