Draft: API Explorer UI Wireframe

[aakarshgopishetty]

PR Description

This PR adds the wireframe design for the API Explorer feature in API Dash. The API Explorer will allow users to:

• Discover public APIs across various categories.
• View API details, including authentication methods and sample requests.
• Import APIs into their workspace for seamless testing.

📌 Wireframe Link:
View on Excalidraw

The wireframe is stored in the doc/api-explorer-design/ directory and includes:

• README.md (Design explanation)
• wireframe.png (If applicable)

---

Related Issues

• API Explorer #619

---

Checklist

• I have gone through the contributing guide
• I have updated my branch and synced it with the project main branch before making this PR
• This is a draft PR for review before frontend implementation

---

Added/Updated Tests?

• Yes
• No, as this PR only adds documentation and UI design

---

OS on which you have developed and tested the feature?

• Windows
• macOS
• Linux

[animator]

@aakarshgopishetty As the application window has already opened. Please submit the full proposal for API Explorer as soon as possible.

[aakarshgopishetty]

Thanks for merging the PR and the guidance! I’ve submitted my full proposal as well. Just curious, how does the review process work from here?

[animator]

After this step, you need to continue working on the project, send draft PRs (as they will count towards the final ranking) until the final result is announced.

[aakarshgopishetty]

Got it, thanks for the clarification! I’ll continue working and submitting draft PRs. Just wondering, is there a specific timeline or criteria that play a major role in the final selection?

[animator]

• problem statement understanding
• code quality
• innovation

[aakarshgopishetty]

Hi @animator,

I’m starting the implementation phase for the API Explorer feature. Before I begin coding, I want to ensure my approach aligns with the project’s structure.

Does API Dash have an existing API request-handling system, or should I implement it from scratch?

Are there any specific best practices or coding guidelines I should follow while adding this feature?

Would adding API categorization, search filters, or import/export options be useful for improving the user experience?

I’ll start coding based on the existing architecture and submit a draft PR soon. Let me know if there are any additional pointers before I begin!