Skip to content

alexsand-r/form-p2

Repository files navigation

👩‍⚖️ Особова картка працівника Типова форма N П-2 (версія для ПК без адаптиву !!!)

Image 1

👉 Мета проєкту

Цей проєкт створений з метою практичного застосування сучасних фронтенд-технологій при розробці простого, але функціонального застосунку. Основна ідея — розробка електронної версії Особової картки працівника (форма П-2), де можна додавати, редагувати, переглядати працівників, а також завантажувати їх картки у форматі PDF.

⚙️ Використані технології та їх роль

React + Vite + Tailwind CSS

🔹 React — бібліотека для створення інтерфейсів, забезпечує компонентну структуру та реактивність. 🔹 Vite — сучасний збирач, що забезпечує миттєвий запуск проекту та швидку збірку. 🔹 Tailwind CSS — утилітарна CSS-бібліотека, що дозволяє створювати інтерфейс швидко, без написання кастомного CSS.

Formik

🔹 Полегшує роботу з формами: валідація, обробка стану та подання даних користувача без зайвого коду.

Air-datepicker у React

🔹 Зручний та функціональний календар для вибору дат. 🔹 Використовується у формі для вибору дати народження, дати прийняття на роботу тощо.

React Router

🔹 Забезпечує багатосторінкову навігацію без перезавантаження сторінки. 🔹 Дозволяє переходити між списком працівників, формою додавання/редагування та переглядом особової картки.

@react-pdf/renderer

🔹 Генерує PDF-документи прямо з React-компонентів. 🔹 Використовується для створення картки працівника у форматі PDF, яка повторює друковану форму П-2.

Redux Toolkit

🔹 Керує глобальним станом додатка (наприклад, список працівників). 🔹 Спрощує логіку збереження, оновлення та видалення даних.

✅ Результат застосунку

💼 Це повноцінний застосунок, який дозволяє:

➕ Додати нового працівника за допомогою зручної форми.

📋 Зберігати усі особисті дані, включно з посадою, датами, місцем роботи, освітою тощо.

✏️ Редагувати вже доданих працівників.

👁️ Переглядати повну особову картку кожного працівника.

📄 Експортувати картку у PDF — ідеально для друку або збереження.

📄 Ліцензія

Проєкт створений з навчальною метою.

About

Особова картка працівника Форма П2. Основна ідея — розробка електронної версії Особової картки працівника (форма П-2), де можна додавати, редагувати, переглядати працівників, а також завантажувати їх картки у форматі PDF.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages