{"id":18551124,"url":"https://github.com/jeromeabel/oc-p14-hrnet","last_synced_at":"2026-04-02T03:04:40.489Z","repository":{"id":164433726,"uuid":"637707297","full_name":"jeromeabel/oc-p14-hrnet","owner":"jeromeabel","description":"Pass a jQuery library to React","archived":false,"fork":false,"pushed_at":"2023-06-09T21:55:45.000Z","size":6811,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-09-14T20:01:54.288Z","etag":null,"topics":["react","react-hook-form","react-router","tailwind","typescript","zod"],"latest_commit_sha":null,"homepage":"https://jeromeabel.github.io/oc-p14-hrnet/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jeromeabel.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-05-08T08:40:39.000Z","updated_at":"2023-05-31T14:40:50.000Z","dependencies_parsed_at":null,"dependency_job_id":"06403d2c-3215-48fa-a16a-d296f81c8773","html_url":"https://github.com/jeromeabel/oc-p14-hrnet","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jeromeabel/oc-p14-hrnet","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeromeabel%2Foc-p14-hrnet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeromeabel%2Foc-p14-hrnet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeromeabel%2Foc-p14-hrnet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeromeabel%2Foc-p14-hrnet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jeromeabel","download_url":"https://codeload.github.com/jeromeabel/oc-p14-hrnet/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeromeabel%2Foc-p14-hrnet/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31294833,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-02T01:43:37.129Z","status":"online","status_checked_at":"2026-04-02T02:00:08.535Z","response_time":89,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react","react-hook-form","react-router","tailwind","typescript","zod"],"created_at":"2024-11-06T21:07:52.313Z","updated_at":"2026-04-02T03:04:40.445Z","avatar_url":"https://github.com/jeromeabel.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# oc-p14-hrnet 👋\n\n[![Node.js](https://img.shields.io/badge/Node.js-18.16-green)](https://nodejs.org/)\n[![Vite](https://img.shields.io/badge/Vite-4.3-yellow)](https://vitejs.dev/)\n[![TypeScript](https://img.shields.io/badge/TypeScript-5.0-blue)](https://www.typescriptlang.org/)\n[![React](https://img.shields.io/badge/React-18.2-blueviolet)](https://reactjs.org/)\n[![React Router](https://img.shields.io/badge/React_Router-6.11-orange)](https://reactrouter.com/)\n[![React Hook Form](https://img.shields.io/badge/React_Hook_Form-7.43-red)](https://react-hook-form.com/)\n[![Zod](https://img.shields.io/badge/Zod-3.21-lightgrey)](https://github.com/colinhacks/zod)\n[![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-3.3.2-blue)](https://tailwindcss.com/)\n\nThis project is the n°14 of the [OpenClassrooms Front-End learning path](https://openclassrooms.com/fr/paths/516-developpeur-dapplication-javascript-react).\n\n**WealthHealth** is a large financial company that uses an in-house employee management application: **HRnet**. My main goal is to update HRnet and convert it to React. The old version uses 4 JQuery plugins : datetimepicker, jquery-modal, jquery-ui/selectmenu, DataTables.\n\nThe main tasks:\n\n- [x] Convert the entire project to React\n- [x] Add a state management system\n- [x] Publish a React plugin to NPM : [ja-react-table](https://www.npmjs.com/package/ja-react-table)\n- [x] Performance report between old and new version\n\n## ✨ Demo\n\n- Github: [jeromeabel.github.io/oc-p14-hrnet](https://jeromeabel.github.io/oc-p14-hrnet/)\n- For Lighthouse audit, we need another type of web hosting, like Apache server: [jeromeabel.net/oc-p14-hrnet](https://jeromeabel.net/oc-p14-hrnet)\n- Credit photo: [Francesco Gallarotti](https://unsplash.com/fr/photos/ruQHpukrN7c)\n\n![oc-p14-hrnet screen](screen.png)\n\n## ✔️ Report\n\n![oc-p14-hrnet report lighthouse](report.png)\n\n## 🚨 Prerequisites\n\nTo get and build the project you will need to install :\n\n- [NodeJS](https://nodejs.org/)\n- [Git](https://git-scm.com/)\n- A terminal to run commands. If you don't have one, I would recommend to use [Visual Studio Code](https://code.visualstudio.com/), it provides an integrated terminal inside the code editor.\n- Optional : PNPM instead of NPM\n\n## 🛠️ Installation\n\n```sh\ngit clone https://github.com/jeromeabel/oc-p14-hrnet.git\ncd oc-p14-hrnet\npnpm install\n```\n\n## 🚀 Usage\n\n```sh\npnpm run dev\n```\n\nAnd open the browser at this address : http://localhost:5173/\n\n## 👤 Author\n\n[@jeromeabel](https://github.com/jeromeabel)\n\n## 📝 License\n\n[GNU--GPL--3](https://www.gnu.org/licenses/gpl-3.0.fr.html)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjeromeabel%2Foc-p14-hrnet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjeromeabel%2Foc-p14-hrnet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjeromeabel%2Foc-p14-hrnet/lists"}