{"id":24489770,"url":"https://github.com/danteck-dev/ems_frontend_reactjs","last_synced_at":"2026-04-13T13:02:17.841Z","repository":{"id":272805821,"uuid":"917810010","full_name":"DANTECK-dev/EMS_Frontend_ReactJS","owner":"DANTECK-dev","description":"Клиентская часть разработана на React. Приложение позволяет взаимодействовать с API для управления сотрудниками, поддерживает добавление, редактирование и удаление данных через удобный интерфейс.","archived":false,"fork":false,"pushed_at":"2025-01-18T13:02:04.000Z","size":196,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-18T14:22:58.548Z","etag":null,"topics":["axios","bootstrap5","css3","html5","javascript","reactjs"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DANTECK-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-16T17:29:00.000Z","updated_at":"2025-01-18T13:49:06.000Z","dependencies_parsed_at":"2025-01-16T19:10:39.694Z","dependency_job_id":"c9de75b7-bf15-4308-8873-8e74717083dd","html_url":"https://github.com/DANTECK-dev/EMS_Frontend_ReactJS","commit_stats":null,"previous_names":["danteck-dev/ems-react-spring","danteck-dev/ems_spring_boot_frontend"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DANTECK-dev%2FEMS_Frontend_ReactJS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DANTECK-dev%2FEMS_Frontend_ReactJS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DANTECK-dev%2FEMS_Frontend_ReactJS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DANTECK-dev%2FEMS_Frontend_ReactJS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DANTECK-dev","download_url":"https://codeload.github.com/DANTECK-dev/EMS_Frontend_ReactJS/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243668920,"owners_count":20328171,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["axios","bootstrap5","css3","html5","javascript","reactjs"],"created_at":"2025-01-21T17:15:53.473Z","updated_at":"2025-10-17T01:49:12.125Z","avatar_url":"https://github.com/DANTECK-dev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Employee Managment Sysytem (EMS) Frontend (ReactJS)\n\nЭто фронтенд-приложение для управления сотрудниками, реализованное с использованием React. Оно взаимодействует с серверной частью, построенной на Spring Boot, и базой данных MySQL. Приложение позволяет добавлять, изменять и удалять информацию о сотрудниках.\n\u003eСсылка на [BackEnd](https://github.com/DANTECK-dev/ems-springboot-react-backend) \n\n## Стек технологий\n\n- **React**: Основной фреймворк для разработки пользовательского интерфейса.\n- **Axios**: Библиотека для выполнения HTTP-запросов к API.\n- **React Router DOM**: Для управления маршрутизацией в приложении.\n- **Bootstrap**: Для стилизации компонентов и создания адаптивного дизайна.\n\n## Основные возможности\n\n1. **Добавление сотрудников**:\n   - Форма для ввода имени, фамилии и email сотрудника.\n   - Отправка данных на сервер через API.\n\n2. **Редактирование сотрудников**:\n   - Возможность выбора сотрудника из списка.\n   - Обновление данных через соответствующую форму.\n\n3. **Удаление сотрудников**:\n   - Кнопка для удаления сотрудника из базы данных.\n   - Отправка DELETE-запроса на сервер.\n\n4. **Список сотрудников**:\n   - Отображение всех сотрудников, полученных из базы данных MySQL.\n   - Адаптивный интерфейс для удобной работы на различных устройствах.\n\n## Установка и запуск\n\n### 1. Клонирование репозитория\n\n```bash\ngit clone https://github.com/your-repository/ems-frontend.git\ncd ems-frontend\n```\n\n### 2. Установка зависимостей\n\nУбедитесь, что у вас установлен Node.js. Затем выполните команду:\n\n```bash\nnpm install\n```\n\n### 3. Запуск приложения\n\n```bash\nnpm start\n```\n\nПриложение будет доступно по адресу [http://localhost:3000](http://localhost:3000).\n\n## Конфигурация\n\nДля взаимодействия с сервером необходимо указать базовый URL API. Это можно сделать в файле `src/services/EmployeeService.js`:\n\n```javascript\nimport axios from \"axios\";\n\nconst EMPLOYEE_API_BASE_URL = 'http://localhost:8080/api/v1/employees';\n\nconst  EmployeeService = {\n    //////////////////////////////\n};\n\nexport default EmployeeService;\n```\n\n## Структура проекта\n\n- **`src/components`**: Компоненты React.\n- **`src/services`**: Конфигурация API и взаимодействие с сервером.\n\n## Скрипты\n\n- `npm start` — Запуск приложения в режиме разработки.\n- `npm run build` — Сборка приложения для продакшена.\n- `npm test` — Запуск тестов.\n\n## Зависимости\n\n- `axios` — Для выполнения HTTP-запросов.\n- `react-router-dom` — Для маршрутизации.\n- `bootstrap` — Для стилизации.\n- `react` и `react-dom` — Основные библиотеки React.\n\n## Скриншоты\n### Главная страница \n![Главная страница](screenshots/list.png)\n\n### Добавление сотрудника\n![Добавление сотрудника](screenshots/add.png)\n\n### Добавленый сотрудник\n![Редактирование сотрудника](screenshots/added.png)\n\n### Редактирование сотрудника\n![Редактирование сотрудника](screenshots/update.png)\n\n### Новый отредактированный сотрудник\n![Редактирование сотрудника](screenshots/updated.png)\n\n### Автор\n- Cтудент **Александр Немеров**\n- Вуз **ВСГУТУ**\n- Группа **Б761-2**\n- Связь **lol@kek-work.ru**\n\n### Лицензия\nПроект распространяется под лицензией [MIT LICENSE](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanteck-dev%2Fems_frontend_reactjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdanteck-dev%2Fems_frontend_reactjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanteck-dev%2Fems_frontend_reactjs/lists"}