A
Anonymous

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

1. General User Interface: Log in/Sign up Log in Page: Username (Text Field) Password (Password Field) Log in (Button) "Don't have an account? Sign up" (Link to Sign-up Page) Sign-up Page: Username (Text Field) Password (Password Field) Sign up (Button) "Already have an account? Log in" (Link to Log-in Page) 2. User Report Submission Interface (For PNP & BFP): Report Form Elements: Details of Information (Text Area) Attach Photo/Video (File Upload) Track Location (GPS) (Auto-fill or Search Location Field) Municipality of Mabitac (Fixed Dropdown: "Mabitac") Select Barangay (Dynamic Dropdown of Mabitac Barangays) Enter Other Details (Text Area) Submit (Button) 3. Super Admin Interface: Log in Page: Username (Text Field) Password (Password Field) Log in (Button) Dashboard: System Monitoring Tools: (Dynamic table with filter options for reports and system logs) 4. Admin 1 Interface (PNP): Log in Page: Username (Text Field) Password (Password Field) Log in (Button) Dashboard: View Received Reports (List/Table View of Reports Submitted to PNP) 5. Admin 2 Interface (BFP): Log in Page: Username (Text Field) Password (Password Field) Log in (Button) Dashboard: View Received Reports (List/Table View of Reports Submitted to BFP)

Prompt
Component Preview

About

AuthPage - Seamlessly log in or sign up with username and password. Submit reports with details, photos, and location. Built with Reac. Get instant access!

Share

Last updated 1 month ago