Note

This repository is a sample project intended to demonstrate my coding skills. It is not the primary repository used by the team, which includes multiple branches and commits. For security reasons, sensitive information such as API keys and environment files has been excluded. This project is shared with permission to showcase my work. ✅

HRM (Human Resource Management) back office:

This project is a Human Resource Management (HRM) back office application designed to streamline and automate HR processes. It provides functionalities such as employee record management, payroll processing, attendance tracking, and performance evaluation. The app aims to enhance efficiency and accuracy in HR operations, offering a user-friendly interface for HR professionals to manage their tasks effectively. 🏢

It covers the entire hiring process, from being a candidate to an employee, and even post-employment issues such as salary, training, leave dates and times, or layoffs.

Features

• Dark/light mode

• Multi-language

• Drag and drop for candidate status change

• JWT authentication

• Employee record management

• Payroll processing

• Attendance tracking

• Performance evaluation

• Candidate CV upload and download

• Interview date and time setting

• Interview steps and results tracking

• Candidate current status and skills management

Table of contents

• HRM(Human Resource Management) back office
  • Features
  • Table of contents
  • Screenshots
  • Packages
  • Style
  • API Reference
  • Badges
  • Contributing
  • Feedback

Screenshots

Login request:

Login with activation code:

Login with password:

Signup:

Packages

These packages are used in this project:

• Redux toolkit
• Yup
• Axios
• Formik
• React-router-dom
• React-data-table-component
• React-datepicker
• React-select
• React-icons
• React-countup
• React-lazily
• React-beautiful-dnd
• rc-pagination
• React-tabs
• React-toastify
• React-tooltip
• Reactjs-popup
• React-slider
• React-loading-skeleton
• Lodash
• Jwt-decode
• Fullcalendar
• i18next

Style

2 types of styles were used in the project:

• CSS3
• Tailwind

API Reference

• Axios is a promise-based HTTP client for the browser and node.js. In this project Axios is used to access the API.

• This project utilizes an API developed by the company's backend team.

Badges

Contributing

Contributions are always welcome! 🌱

I would warmly welcome your contributions to this project if you think you can optimize or add some new features to it.

Feedback

If you have any feedback, please feel free to reach out to me at farimah.fattahi2000@gmail.com. 📧

Please let me know if you enjoyed this app by staring it! ⭐