Back to Refine

README

examples/refine-hr-ce/README.md

3.25.03.1 KB
Original Source
<div align="center" style="margin: 30px;"> <a href="https://refine.dev/"> </a> </br> </br> <div align="center"> <a href="https://refine.dev">Home Page</a> | <a href="https://discord.gg/refine">Discord</a> | <a href="https://refine.dev/examples/">Examples</a> | <a href="https://refine.dev/blog/">Blog</a> | <a href="https://refine.dev/docs/">Documentation</a> </div> </div> </br> </br> <div align="center">Build your React-based internal tools, admin panels, dashboards, B2B apps with flexibility in mind. An open-source, headless React meta-framework, developed with a commitment to best practices, flexibility, minimal tech debt, and team alignment, could be a perfect fit for dynamic environments.

</div>

About

Demonstrating Refine's Capabilities for Building Enterprise-Level HR Tools

HR Management App Example built using Refine, Material UI and Deploying to Digital Ocean Platform

You can view the live demo of the application here.

Features

  • Login page: Allows users to log in as either a manager or an employee. Managers have access to the Time Off and Requests pages, while employees only have access to the Time Off page.

  • Time Off pages: Allows employees to request, view, and cancel their time off. Also managers can assign new time offs.

  • Requests page: Accessible only to HR managers for approving or rejecting time off requests.

  • Access Control: Different roles have different access levels to the application.

Try this example on your local

bash
npm create refine-app@latest -- --example refine-hr-ce

Try this example on CodeSandbox

Screenshots