Skip to content

Refactor API calls to use a generic handler #39

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Avijit-roy wants to merge 1 commit into
base: master
Choose a base branch
from
+37 −63
Open

Refactor API calls to use a generic handler #39

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
100 changes: 37 additions & 63 deletions instagram-clone/client/src/services/api.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,66 +1,40 @@
import axios from 'axios';

import { API_URL } from '../constants/route';


export const signupUser = async (data) => {
try {
return await axios.post(`${API_URL}/signup`, data);
} catch (error) {
console.log('Error while calling signup User API ', error);
return error.response;
}
}

export const loginUser = async (data) => {
try {
return await axios.post(`${API_URL}/login`, data);
} catch (error) {
console.log('Error while calling login User API ', error);
return error.response;
}
}

export const getAllUsers = async () => {
try {
return await axios.get(`${API_URL}/users`);
} catch (error) {
console.log('Error while calling getAllUsers API ', error);
return error.response;
}
}

export const getUserByUsername = async (data) => {
try {
let user = await axios.post(`${API_URL}/user`, data);
return user.data;
} catch (error) {
console.log('Error while calling getUser API ', error);
return error.response;
}
}

export const followUser = async (data) => {
try {
return await axios.post(`${API_URL}/follow`, data);
} catch (error) {
console.log('Error while calling login User API ', error);
return error.response;
}
}

export const uploadFile = async (data) => {
try {
return await axios.post(`${API_URL}/file/upload`, data);
} catch (error) {
console.log('Error while calling uploadFile API ', error);
}
}

export const savePost = async (data) => {
try {
return await axios.post(`${API_URL}/post/save`, data);
} catch (error) {
console.log('Error while calling savePost API ', error);
}
}
// Create axios instance with base config
const apiClient = axios.create({
baseURL: API_URL,
timeout: 10000,
headers: {
'Content-Type': 'application/json',
},
});

// Generic API handler to reduce code duplication
const handleApiCall = async (method, endpoint, data = null) => {
try {
const config = { method, url: endpoint };
if (data) config.data = data;

const response = await apiClient(config);
return response.data;
} catch (error) {
console.error(`API Error [${method.toUpperCase()} ${endpoint}]:`, error.message);
return error.response?.data || { error: 'An error occurred' };
}
};

// Auth endpoints
export const signupUser = (data) => handleApiCall('post', '/signup', data);
export const loginUser = (data) => handleApiCall('post', '/login', data);
export const followUser = (data) => handleApiCall('post', '/follow', data);

// User endpoints
export const getAllUsers = () => handleApiCall('get', '/users');
export const getUserByUsername = (data) => handleApiCall('post', '/user', data);

// File endpoints
export const uploadFile = (data) => handleApiCall('post', '/file/upload', data);

// Post endpoints
export const savePost = (data) => handleApiCall('post', '/post/save', data);