Separating backend calls into a separate file or folder

[devsharmagit]

Description

This issue is raised to separate the Axios or data fetching calls to a separate folder or file so that the code becomes nice and easy to maintain and scale.is raised

Current Behavior

Currently, we are doing the backend calls in use effect of almost every component.

Proposed Enhancement

• Making a Separate folder named "Services" and store call logic there
• export function which can be used in useeffect to initiate the backend calls.

Use Case

This will help to maintain the code and Implement the DRY principle as well

Blockers

No response

Additional Information/ Attachments

No response

[krishnaacharyaa]

Thanks for the issue, yeah I totally agree with you @devsharmagit, can we take it one step further and use react query? that will be cherry on top

[devsharmagit]

@krishnaacharyaa yeah that will be really great. I dont have much experience with react query. but if you can guide me then I may be able to do this

[razerbotog]

I would love to resolve this issue & I am a GSSOC 24 contributor.

• [ ] Organise the useEffect Code.
• [ ] Use react query

[iamrudhresh]

I hope you're doing great! As a GSSoC contributor, I'm keen on ramping up my involvement for GSSoC'24. Could you please assign this issue to me? I'm excited to continue contributing to the project. Thanks a bunch!