Sriamsh_Enforce_Production_Identity_for_Dev_Account_Creation_Frontend

[Sriamshreddy000]

Description

https://docs.google.com/document/d/1rZDo_yYs5rUyHDkA_3HfPxdiOLaRzmQ509gr6QA2kys/edit?tab=t.0

Related PRS (if any):

This frontend PR is related to the #1918 backend PR.
To test this backend PR you need to checkout the #1918 frontend PR.

Main changes explained:

• Added new route for /dev-signup in routes.jsx
• Created DevSignup.jsx page with the required input fields
• Implemented form validation (required fields + password rules)
• Integrated API request to /api/dev/signup-production
• Displayed backend error messages and success messages
• Added button disable + UI feedback states

How to test:

1. check into current branch
2. do npm install and ... to run this PR locally
3. Checkout the related frontend branch and start the frontend.
4. Clear site data/cache
5. Attempt a new Dev signup by navigating to /dev-signup:
   • Enter valid mock Production credentials → expect the Dev account to be created.
   • Enter invalid Production credentials (for example, reusing the same Prod email twice) → expect an error message and a new log entry.
6. Open MongoDB Compass and check:
   • if a new entry is created in userProfiles upon successful account creation
   • if a new entry log is created in devSignupLogs upon unsuccessful creation

Screenshots or videos of changes:

Please find screenshots in PR #1918

Note:

This PR only implements frontend logic based on mock Production validation.
Actual Production API integration can be plugged in later with no UI changes required.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	55109ff
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69239cb6953ad200087443c7
😎 Deploy Preview	https://deploy-preview-4445--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sonarqubecloud]

Quality Gate passed

Issues
2 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[VijayAnirudh]

Followed the exact steps mentioned. However, this branch requires 14.xx, but as per the document, I'm on V 20.xx.

[Sriamshreddy000]

Followed the exact steps mentioned. However, this branch requires 14.xx, but as per the document, I'm on V 20.xx.

Hi VijayAnirudh,
Yes, as per the setup instructions, we’re expected to use Node 20.x.x, and I also built and tested this branch locally using Node 20.x.x. I ran npm install again on this PR branch and it completed successfully without any blocking errors.

The issue you’re seeing appears to be related to local lockfile state. You may want to try removing the existing lockfiles and running npm install again under Node 20 so the dependencies are regenerated cleanly.

Please let me know if you still encounter any issues.

[sayali-2308]

Cannot test frontend PR without backend.
Frontend PR #4445 requires backend PR #1918 to be available for testing. Backend branch sriamsh_prod_identity_backend does not exist in remote repository. Cannot proceed with functional testing until backend code is pushed and available.
Waiting for backend PR #1918 to be accessible before continuing frontend review.

[Anusha-Gali]

Hi Sriamsh,

I have reviewed your PR locally and was able to verify all requirements. However the page does not align with dark mode.

[naznin07]

Add loading state to spam the submit button.

[one-community]

Replaced by this set: #5420 +2289