The HRnet app is a streamlined human resources management tool designed to simplify the process of adding, viewing, filtering, and searching for employees. This application empowers HR professionals by providing an intuitive interface for managing employee data efficiently. Whether adding a new employee through a form or browsing through the employee database with advanced filtering and search capabilities, HRnet offers a smooth user experience built on modern web development technologies.
This app was developed as part of the OpenClassrooms curriculum.
Users should be able to:
- Add an employee through a form and save it
- View a table of all employees with options to filter and search through records
- Navigate between adding employees and consulting the employee list
- Live Site URL: See the live page here
- React.js for building the user interface
- React Router for managing navigation between pages
- React Redux for managing global state
- React Select Component: A reusable, self-built package published on NPM
- React Bootstrap for consistent and responsive UI styling
- Rollup and Babel for building and deploying the React Select Component
- CSS3 and BEM methodology for general styling and maintainable code structure
- Vercel for easy deployment and hosting of the live application
- Build, deploy and publish a reusable NPM package (
React Select Component) - Conduct snapshot and performance tests to optimize the application
- Compare performance metrics between different versions of the application (React and jQuery solutions) by using the
Lighthousetest - Use libraries like React Bootstrap or TanStack Table for efficient UI
- Document code using JSDoc methodology (for
React Select Component)
- incorporate localStorage to complement Redux state management
- implement form input validation for more robust user input handling
- refactor code in the
CreateEmployeeForm.jsxto minimize repetition and enhance maintainability