Open Spark - Prosumer journey - My DERs

[emmayank]

Description

Implement the "My DERs" feature in Open Spark's Prosumer Journey. This feature will allow users to view all their Distributed Energy Resources (DERs) and remove any DER if needed. Integrate the Get DER API to fetch the user's DERs and the Delete DER API to handle DER removals.

Goals

• Create a "My DERs" section accessible from the "My Account" page.
• Display all DERs associated with the user.
• Integrate the Get DER API to fetch and display DER data.
• Allow users to remove a DER with a delete option.
• Integrate the Delete DER API for handling DER removals.
• Provide a confirmation prompt before deleting any DER.
• Maintain code quality and follow best practices.

Expected Outcome

• Users can view all their DERs in the "My DERs" section.
• The application fetches and displays DERs using the Get DER API.
• Users can remove DERs with a confirmation prompt to prevent accidental deletions.
• The Delete DER API handles removal requests successfully.
• Proper error handling for API failures or no DERs available.

Acceptance Criteria

• The "My DERs" section is implemented and accessible.
• The Get DER API is integrated, and DER data is fetched successfully.
• Users can remove DERs with a confirmation prompt displayed before deletion.
• The Delete DER API is integrated, and DER removal works as expected.
• Errors are handled gracefully, with appropriate feedback for failures or no data.
• Code passes reviews and adheres to best practices.

Mockups / Wireframes

My DERs

Product Name

Beckn

Domain

TBD

Tech Skills Needed

• HTML/CSS
• JavaScript/TypeScript
• React or equivalent frontend framework
• API Integration
• Modal/Prompt Implementation

Complexity

Medium

Category

Feature Development

Sub Category

Prosumer Flow

[skrushna1506]

PR for above task
#2703
CC:- @emmayank @PritiEM