Open Spark - Prosumer journey - Add DER

[emmayank]

Description

Implement the "Add DER" functionality in Open Spark's Prosumer Journey. This feature will allow users to add a new Distributed Energy Resource (DER). Integrate with the Add New DER API endpoint to handle the addition process seamlessly.

Goals

• Create an "Add DER" interface where users can input details for a new DER.
• Integrate the Add New DER API endpoint to handle DER creation.
• Validate user inputs to ensure all required fields are filled correctly.
• Provide clear feedback to users for successful DER addition or error scenarios.
• Maintain code quality and follow best practices.

Expected Outcome

• Users can add new DERs via the "Add DER" interface.
• The application successfully handles DER creation through the Add New DER API.
• Input validation ensures correct data entry by the user.
• Clear feedback is provided for successful additions or error handling.

Acceptance Criteria

• A functional "Add DER" interface is implemented and accessible.
• The Add New DER API is integrated, and new DERs can be successfully created.
• Input validation is implemented to ensure all required fields are provided.
• Users receive clear feedback on successful DER addition or errors.
• Code passes reviews and adheres to best practices.

Mockups / Wireframes

Add DER

Product Name

Beckn

Domain

TBD

Tech Skills Needed

• HTML/CSS
• JavaScript/TypeScript
• React or equivalent frontend framework
• API Integration
• Form Handling and Validation

Complexity

Medium

Category

Feature Development

Sub Category

Prosumer Flow

[skrushna1506]

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