📝 CRUD Using AXIOS API - React Router & Bootstrap

Overview

In this tutorial, we will build a CRUD application in React using Axios for API requests, React Router for navigation, and Bootstrap for styling.

We'll use MockAPI.io as a free online REST API service to store and manage data.

Go to mockapi.io and create a free account. Create a new project and a CRUD resource (e.g., /crud) to manage users.

You'll get a unique API endpoint like: https://xxxx.mockapi.io/crud

Initialize a new React project with Vite:

npm create vite@latest my-crud-app

Install dependencies:

npm install axios react-router-dom bootstrap

Include Bootstrap in index.html: