Crud operation in Laravel with react js

Posted on May 19, 2023May 19, 2023 | by Abhishek Singh | 1 min read

React project

First of all create react project

create a project using this command my project name

npx create-react-app frontend

then run these command also

npm install bootstarp   //to install bootstarp   
npm install react-router-dom  //for routing
npm install axios    // to get data from api

src/pages/create.js

src/pages/edit.js

src\pages\home.js

src\pages\view.js

src\http.js

src\index.js

src\app.js

Start this project by using “npm start”

In Laravel

create a project

composer create-project laravel/laravel:^9.0 <your project name>

Create Resources controller

UserController.php

user.php

Create database by using “php artisan migration” .then set your filed name which want to create in table.In this case i am using flied name like (name,emailand password)

after that run this command “php artisan migrate“

api.php

Route::resource('users',UserController::class);

Run react project by using this command “npm start”

Run laravel project by using this command “php artisan serve”

Abhishek Singh

I’m Abhishek, a DevOps, SRE, DevSecOps, and Cloud expert with a passion for sharing knowledge and real-world experiences. I’ve had the opportunity to work with Cotocus and continue to contribute to multiple platforms where I share insights across different domains:

DevOps School – Tech blogs and tutorials
Holiday Landmark – Travel stories and guides
Stocks Mantra – Stock market strategies and tips
My Medic Plus – Health and fitness guidance
TrueReviewNow – Honest product reviews
Wizbrand – SEO and digital tools for businesses

I’m also exploring the fascinating world of Quantum Computing.

Best Cardiac Hospitals Near You

Discover top heart hospitals, cardiology centers & cardiac care services by city.

Advanced Heart Care • Trusted Hospitals • Expert Teams

View Best Hospitals

Crud operation in Laravel with react js

Abhishek Singh

I’m Abhishek, a DevOps, SRE, DevSecOps, and Cloud expert with a passion for sharing knowledge and real-world experiences. I’ve had the opportunity to work with <a class="decorated-link" href="https://www.cotocus.com/" target="_new" rel="noopener" data-start="300" data-end="335">Cotocus</a> and continue to contribute to multiple platforms where I share insights across different domains: <ul data-start="437" data-end="922"> <li data-start="437" data-end="514"> <a class="decorated-link" href="https://www.devopsschool.com/" target="_new" rel="noopener" data-start="439" data-end="485">DevOps School</a> – Tech blogs and tutorials </li> <li data-start="515" data-end="599"> <a class="decorated-link" href="https://www.holidaylandmark.com/" target="_new" rel="noopener" data-start="517" data-end="569">Holiday Landmark</a> – Travel stories and guides </li> <li data-start="600" data-end="684"> <a class="decorated-link" href="https://www.stocksmantra.in/" target="_new" rel="noopener" data-start="602" data-end="647">Stocks Mantra</a> – Stock market strategies and tips </li> <li data-start="685" data-end="764"> <a class="decorated-link" href="https://www.mymedicplus.com/" target="_new" rel="noopener" data-start="687" data-end="732">My Medic Plus</a> – Health and fitness guidance </li> <li data-start="765" data-end="841"> <a class="decorated-link" href="https://www.truereviewnow.com/" target="_new" rel="noopener" data-start="767" data-end="814">TrueReviewNow</a> – Honest product reviews </li> <li data-start="842" data-end="922"> <a class="decorated-link" href="https://www.wizbrand.com/" target="_new" rel="noopener" data-start="844" data-end="881">Wizbrand</a> – SEO and digital tools for businesses </li> </ul> I’m also exploring the fascinating world of <a class="decorated-link" href="https://www.quantumuting.com/" target="_new" rel="noopener" data-start="968" data-end="1018">Quantum Computing</a>.