soun1005 / op-p14_hrnet

Code for project 14 of the Openclassrooms Front-End Developer path

Wealth Health - HR net

🤸🏼‍♂️ Visit live demo 🏄🏼‍♀️

Project overview 👇🏼

This project has undergone a complete transformation from a jQuery-based project to a fully-fledged React project, utilizing Typescript, Redux toolkit & redux persist and a total of four npm packages.

NPM Libraries 🧳

These are the NPM libraries used in the project for specific functionalities.

Each library provides a different feature. Feel free to explore the documentation and resources of each library to gain more insight into their usage.

• Datepicker -> React-datepicker
• Dropdown -> React-select
• Table -> Tanstack React-table V8
• Modal -> @soeunlee/reactjs-modal

Features

• Controlled forms are implemented, ensuring precise control and validation of each inputs.
• Data is persisted using Redux Persist, ensuring the preservation of state across page reloads or session durations.
• The table component includes advanced search and sorting functionalities, allowing users to easily find and organize data according to their needs.
• Fully responsive design.

Deployment

1. Requirements

• NodeJS (version 12.18)

2. Installation

Clone the project

  git clone https://github.com/soun1005/op-p14_HRNet

Go to the project directory

  cd op-p14_HRNet

Install dependencies

  npm install

Start the server

  npm start