https://github.com/itmtm/employee-management

Employee Management
https://github.com/itmtm/employee-management

javascript react react-input-mask react-router react-toastify redux scss

Last synced: about 1 year ago
JSON representation

Employee Management

• Host: GitHub
• URL: https://github.com/itmtm/employee-management
• Owner: ITmTm
• Created: 2024-10-30T06:17:34.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-05T15:48:54.000Z (over 1 year ago)
• Last Synced: 2025-01-12T17:30:30.817Z (about 1 year ago)
• Topics: javascript, react, react-input-mask, react-router, react-toastify, redux, scss
• Language: JavaScript
• Homepage: https://employee-management-alpha-three.vercel.app
• Size: 198 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🧮 Employee Management SPA

![Employee Management Demo](https://github.com/user-attachments/assets/b8c22166-f2f5-4923-8d63-1428d16ccef5)

> Employee Management SPA – это приложение для управления сотрудниками с возможностями добавления, редактирования, фильтрации и сортировки.

> Приложение построено с использованием React и Redux, что обеспечивает удобный и интуитивно понятный интерфейс для работы с данными сотрудников.



## 📝 Description

### Приложение позволяет:

* Управлять списком сотрудников, включая добавление, редактирование, и удаление записей

* Фильтровать сотрудников по должности и статусу (в архиве)

* Сортировать список по имени и дате рождения

* Редактировать данные сотрудника с предустановленными масками для полей ввода

* Уведомлять пользователей о событиях с помощью плавных всплывающих уведомлений



## 🎯 Features

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

* **Интуитивный интерфейс** – Легкий для восприятия и использования на всех устройствах.

* **Фильтрация и сортировка** – Мощные инструменты фильтрации и сортировки для удобного поиска сотрудников.

* **Адаптивный интерфейс** – Приложение автоматически адаптируется к экрану любого устройства.

* **Проверка данных** – Маски для ввода номеров телефона и даты.

* **Уведомления** – Реализованы уведомления об успешных и ошибочных действиях с использованием `react-toastify`.



## ⚙️ Technologies

[![ReactJS](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)](https://reactjs.org)  

[![Redux](https://img.shields.io/badge/Redux-764ABC?style=for-the-badge&logo=redux&logoColor=white)](https://redux.js.org/)  

[![SCSS](https://img.shields.io/badge/SCSS-blue?style=for-the-badge&logo=sass&logoColor=CC6699)](https://sass-lang.com/)  



## 📚 Using Libraries

[![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)](https://reactrouter.com/)  

[![react-input-mask](https://img.shields.io/badge/react--input--mask-green?style=social&logo=react&label=React-Input-Mask)](https://github.com/sanniassin/react-input-mask)  

[![react-toastify](https://img.shields.io/badge/react--toastify-orange?style=social&logo=react&label=React-Toastify)](https://github.com/fkhadra/react-toastify)  



## 🧪 Testing

* Запуск тестов:

* `vitest`