Итоги воркшопа по разработке Fullstack-приложения

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

Разработано простое fullstack-приложение для управления контактами, состоящее из следующих компонентов:

1. Backend на Java (Spring Boot)
2. Frontend на React
3. База данных MySQL, развернутая в Docker

Ключевые достижения

Backend (Java)

• Реализована конфигурация CORS для безопасного взаимодействия с frontend
• Создан репозиторий для работы с сущностью Contact
• Разработана модель данных Contact с использованием JPA аннотаций
• Настроены основные параметры приложения, включая адрес хоста

Frontend (React)

• Разработан компонент FormNewItem для добавления новых контактов
• Создан компонент TableRowItem для отображения отдельной строки в таблице контактов
• Реализован компонент TableView для отображения всех контактов в виде таблицы
• В основном компоненте App настроено взаимодействие с backend через axios:
  • Получение списка контактов
  • Добавление нового контакта
  • Удаление контакта

База данных и Docker

• Развернута база данных MySQL в Docker-контейнере
• Создана структура базы данных contacts_app с таблицей contacts
• Написаны SQL-скрипты для инициализации базы данных и заполнения тестовыми данными

Тестирование

• Проведено тестирование API с использованием Postman

Итоги

Успешно разработано полноценное fullstack-приложение, охватывающее все основные аспекты современной веб-разработки:

1. Серверная часть на Java с использованием Spring Boot
2. Клиентская часть на React с применением функциональных компонентов и хуков
3. Работа с базой данных MySQL
4. Использование Docker для развертывания базы данных
5. Тестирование API