[Frontend] Create Axios API Client with JWT Refresh Interceptor

[yusuftomilola]

A configured Axios instance that automatically attaches the JWT Bearer token to every request and handles 401 errors gracefully.

Requirements

• Base URL set to http://localhost:6003/api (configurable via env)
• Request interceptor: reads token from localStorage and adds Authorization: Bearer <token> header
• Response interceptor: on 401, attempt POST /api/auth/refresh → store new access token → retry original request once. If refresh fails, call useAuthStore.getState().logout().
• Export this as the default apiClient
• Separate authApiClient (no interceptors) for login/register/refresh calls to avoid circular refresh loops

Acceptance Criteria

• All API calls use the Axios instance (not plain fetch)
• 401 triggers one refresh attempt before logout
• Token automatically attached without manual headers per call

[drips-wave]

This issue has been added to the Stellar Wave Program and is worth 150 Points.

🧑‍💻 Interested in contributing? Apply to work on this issue on Drips Wave, earn points, and receive rewards.

Warning

Only applications submitted via the apply link above will be considered. Please do not apply by commenting on the issue or opening a PR directly.

🤠 Repo maintainers: You can manage this issue's Points and Complexity on your Maintainer Dashboard here. Please keep an eye on applications and respond quickly 💙

ℹ️ Learn more about Drips Wave

[olathedev]

@olathedev has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

Hello Maintainer, im a frontend engineer and i would love to work on this issue.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @olathedev to this issue.

[devxsameer]

@devxsameer has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

Hi, I’d like to work on this. I have experience implementing centralized API clients with JWT-based authentication flows and token refresh handling.

I’ll create a configured Axios instance with request and response interceptors, ensuring the access token is automatically attached and that a single refresh attempt is triggered on 401 responses. I’ll prevent circular refresh loops by separating an authApiClient for authentication endpoints and ensure failed refresh attempts correctly trigger logout via the auth store. I’ll also make the base URL environment-configurable.

ETA: 6–8 hours.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @devxsameer to this issue.

[ScriptedBro]

@ScriptedBro has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

Hello I'm a full stack Block chain dev and would love to work on this issue. I am very fast and reliable. You can be 100% sure there won't be conflicts or errors if I handle this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @ScriptedBro to this issue.

[Mkalbani]

@Mkalbani has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

Hey Maintainers. Can I work on this.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Mkalbani to this issue.

[drips-wave]

Congratulations, @Mkalbani! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on February 26, 2026.

🧑‍💻 @Mkalbani: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are issued when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[drips-wave]

This issue has been completed by @Mkalbani as part of the Stellar Wave Program's 2nd Wave 🥳

😎 @Mkalbani: You earned 150 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.