A
Anonymous

Auth Page - Copy this React, Tailwind Component to your project

I want to create an expense application which has a register and login page, when an employee logs into the app, there should be a navbar which contains his username, and 2 options current forms status, and fill a new form.Employee:  Employee(s) should be able to submit their expenses through the expense form. The expense form should contain basic information about the expense like when it was made and for what purpose.  An expense form must have only one currency. Different expense forms may have different currencies.  An expense form must have one or more expenses.  The expense form request(s) should display the total amount of bills calculated at the bottom of the form dynamically while the costs entered.  The maximum amount to be entered for an expense should not exceed 5000 TL / EUR / USD / PKR / INR /...  The Employee(s) should be able to send their expenses for approval after submitting them.  There should be a list page for all submitted expense forms.  Expenses which are in Pending Approval and Rejected (Change Request) status must be editable.  If the Employee could not obtain approval for an expense form sent to their Manager, then the Employee should be able to see the reason for not obtaining approval.Manager:  The forms sent for approval should be visible under the “Expenses Awaiting Approval” heading, when the employee's Manager logs into the system.  The Manager should be able to see the expenses included in a form and approve the form as a whole or request for changes (if any). If the Manager requests a change, it is mandatory to write the reason for the change request and send the form back.  The Manager should only be able to see the expenses of their employees. 4. Accountant:  When the Accountant enters the system, they should be able to see the forms that have received managerial approval under the "Expenses to be Paid" heading. The Accountant should be able to see the details of the expenses contained in these forms.  The Accountant should be able to pay the expenses, and when it does, the form should be removed from the list of expenses pending.  A real payment system is not expected. It is sufficient to change the state of the form. 5. Admin:  Admin should be able to see all transactions related to expense forms (History of expense like created/rejected/approved/paid). All transactions made by the employees should be recorded in the database.  Admin should not be able to interfere with the transactions. They only have the authority to see the expense and expense forms.  There should be various reports in the application. What these reports will be is up to you. In this system, you are expected to consider what the report needs of each person using the system might be and to place the reports for this need in the application.  It is sufficient to see the reports on the screen. (Tools such as RDL Report, Crystal Report, or features such as export to Excel are not expected.)  Only the Admin should be able to see the reports.

Prompt
Component Preview

About

AuthPage - Seamlessly register or log in to manage expenses, view forms, and track approvals. Built with React and Tailwind. Get instant access!

Share

Last updated 1 month ago