Implement Frontend API Layer (Axios) Based on API Docs

[Codewithspike]

Create a frontend API abstraction layer using Axios, strictly based on the existing API documentation.
path : /frontend/src/api
Contributors must not invent endpoints, they must derive everything from the API docs.

Context -->
1 ) We want all frontend → backend communication to go through a centralized API layer so:
2 ) Business logic is not scattered across components
3 ) API usage is consistent
4 ) Refactors and backend changes are easier to manage

Expected Folder Structure --
api/
├── axios.ts # axios instance (baseURL, interceptors)
├── auth.api.ts # auth-related API calls
├── project.api.ts # project-related API calls
├── deploy.api.ts # deployment-related API calls
└── index.ts # barrel exports

Tasks -->
1 ) Read the API documentation thoroughly
2 ) Identify all usable endpoints
3 ) Create typed functions that wrap Axios calls
4 ) Ensure no Axios calls exist outside /api folder
5 ) Export reusable methods (e.g. getProjects(), createDeployment())

[github-actions]

👋 Welcome! Please add relevant labels to help us categorize this issue:

Difficulty: easy | medium | hard
Type: bug | feature | documentation | enhancement
Priority: priority-critical | priority-high | priority-medium | priority-low
Status: good-first-issue | help-wanted | needs-review

Maintainers will help add appropriate labels as well!

[Adithyakp86]

assign this issue to me under OSCG program

[crimson17-debug]

Hi,

.I’ve reviewed the requirements and am ready to implement the Axios abstraction layer within /frontend/src/api.

My Plan of Action:

Documentation First: I will map out the existing API documentation to ensure every function is strictly derived from verified endpoints no "invented" paths.

Centralized Instance: I’ll set up axios.ts with the necessary baseURL and interceptors to handle global logic (like auth headers) in one place.

Modular Architecture: I will follow the requested folder structure to keep the concerns separated and easy to navigate.

Strict Typing: Every wrapper function will be fully typed to ensure we catch potential data mismatches during development rather than at runtime.

Cleanup: I'll ensure that once this layer is live, no raw Axios calls remain scattered across individual components.

I’m ready to get started on this immediately. Could you please assign this to me?

[github-actions]

⚠️ Stale Issue Warning

This issue has been inactive for 30 days. It will be closed in 2 days if no activity occurs.

To keep it open:

• Update the issue description if anything has changed
• Leave a comment with progress or blockers
• Label it as on-hold if it's blocked

Thank you for your contribution!