bezkoder/react-crud-web-api

Stars
152
Rank 244,685 (Top 5 %)
Language
JavaScript
Created almost 5 years ago
Updated almost 2 years ago

bezkoder/react-crud-web-api

bezkoder

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

React.js CRUD example to consume Web API

React.js CRUD App with React Router & Axios

Build a React.js CRUD Application to consume Web API, display and modify data with Router, Axios & Bootstrap.

React Tutorial Application in that:

Each Tutorial has id, title, description, published status.
We can create, retrieve, update, delete Tutorials.
There is a Search bar for finding Tutorials by title.

For instruction, please visit:

React CRUD example to consume Web API

Related Posts:

React Typescript CRUD example to consume Web API

React Redux CRUD App example with Rest API

React (Hooks) CRUD example to consume Web API

React Table example: CRUD App with react-table v7

Using Material UI instead of Bootstrap:

React Material UI examples with a CRUD Application

More Practice:

React Pagination example

React File Upload example

React JWT Authentication & Authorization example

React + Redux: JWT Authentication & Authorization example

Fullstack with Node.js Express:

React.js + Node.js Express + MySQL

React.js + Node.js Express + PostgreSQL

React.js + Node.js Express + MongoDB

Fullstack with Spring Boot:

React.js + Spring Boot + MySQL

React.js + Spring Boot + PostgreSQL

React.js + Spring Boot + MongoDB

Fullstack with Django:

React.js + Django Rest Framework

Serverless:

React Firebase CRUD App with Realtime Database

React Firestore CRUD App example | Firebase Cloud Firestore

Integration (run back-end & front-end on same server/port)

How to integrate React.js with Spring Boot

Integrate React with Node.js Express on same Server/Port

This project was bootstrapped with Create React App.

Set port

.env

PORT=8081

Project setup

In the project directory, you can run:

npm install
# or
yarn install

or

Compiles and hot-reloads for development

npm start
# or
yarn start

Open http://localhost:8081 to view it in the browser.

The page will reload if you make edits.

spring-boot-spring-security-jwt-authentication

Spring Boot + Security: Token Based Authentication example with JWT, Authorization, Spring Data & MySQL

nodejs-express-mysql

Node.js Restful CRUD API with Node.js, Express and MySQL example

react-jwt-auth

React JWT Authentication & Authorization example - React.js Login and Registration example

nodejs-express-sequelize-mysql

Rest CRUD API for a simple application using Node. js, Express, Sequelize and MySQL

node-js-jwt-auth-mongodb

Node.js + MongoDB: User Authentication & Authorization with JWT

node-js-jwt-auth

Node.js Demo for Token Based Authentication (JWT) with MySQL database

vue-vuex-jwt-auth

Vue.js Demo for JWT Authentication with Vuex and Vue Router

node-express-mongodb

Node.js Restful CRUD API with Node.js, Express and MongoDB

react-hooks-jwt-auth

React Hooks JWT Auth using React Router, Axios, Bootstrap: Token based Authentication & Authorization

spring-boot-refresh-token-jwt

Spring Boot Refresh Token using JWT example - Expire and Renew JWT Token

spring-boot-login-example

Spring Boot Login and Registration example with MySQL, JWT, Rest Api - Spring Boot Spring Security Login example

react-redux-hooks-jwt-auth

React Redux Login, Logout, Registration example using Hooks, JWT, Local Storage, React Router, Thunk Middleware, Axios, Bootstrap

spring-boot-security-jwt-auth-mongodb

Build Spring Boot MongoDB JWT Authentication & Authorization example with Spring Security, Spring Data

node-js-express-login-example

Node.js Express Login example (with Registration) using JWT, Cookies, MySQL database

vue-3-authentication-jwt

Vue 3 Authentication and Authorization with JWT, Vuex, Axios, Vue Router, VeeValidate

spring-boot-data-jpa-mysql

Spring Boot Rest CRUD API example - Spring Data JPA to interact with MySQL/PostgreSQL database.

react-hooks-crud-web-api

React Hooks CRUD Application to consume Web API with Axios, display and modify data with Router & Bootstrap

spring-boot-security-login

Spring Boot + Spring Security: Login and Registration example with JWT, H2 Database and HttpOnly Cookie

vue-js-crud-example

Vue.js CRUD example App with Vue Router & Axios

spring-boot-security-postgresql

Spring Boot, Spring Security, PostgreSQL: JWT Authentication & Authorization example

node-express-sequelize-postgresql

Node.js Postgresql Crud example - Restful CRUD API with Express, Sequelize and PostgreSQL example

redux-toolkit-example-crud-hooks

Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap

react-js-login-registration-hooks

React.js Login, Logout, Registration example with JWT and HttpOnly Cookie

react-typescript-login-example

React Typescript Login and Registration example - JWT Authentication & Authorization with Axios, Router, Rest API

react-redux-jwt-auth

React Redux: Token Authentication example with JWT, React Router, Axios, Thunk Middleware

spring-security-refresh-token-jwt

Spring Security Refresh Token using JWT in Spring Boot example with HttpOnly Cookie - Expire and Renew JWT Token

react-redux-login-example

React Redux Login example (Register, Logout) using Redux Toolkit, React Router, Axios, Bootstrap, Hooks

node-js-jwt-authentication-postgresql

Node.js JWT Authentication & Authorization with PostgreSQL example

node-js-postgresql-crud-example

Node.js PostgreSQL CRUD example with Express Rest APIs

react-typescript-authentication-example

React Typescript JWT authentication and authorization example with Hooks, React router, Axios - Role based authentication example

vue-3-typescript-example

Vue 3 Typescript example with Axios: CRUD application with Vue Router

express-file-upload

Node.js Express Upload/Download File Rest APIs example with Multer

angular-13-login-registration-example

Angular 13 Login Page & Registration example (JWT Authentication and Authorization) with Web Api

angular-11-spring-boot-jwt-authentication

Angular 11 Spring Boot JWT Authentication example with Authorization | User Registration & Login

spring-boot-react-mysql

How to integrate React.js with Spring Boot

docker-compose-nodejs-mysql

Docker Compose Nodejs Express and MySQL example

docker-compose-spring-boot-mysql

Dockerize Spring Boot and MySQL example - using Docker Compose to connect Spring Boot to MySQL

angular-12-jwt-authentication

Angular 12 JWT - Token based Authentication & Role based Authorization example with Web Api - Login Page & Registration

node-js-express-login-mongodb

Login and Registration example with Node.js Express and MongoDB using Mongoose, JWT, HTTP Cookies

spring-boot-upload-multipart-files

Spring Boot upload Multipart Files example via Restful APIs

spring-boot-jpa-paging-sorting

Spring Boot Pagination, Filter, Sorting example using Spring Data JPA, Pageable

react-express-mysql

Integrate React with Node.js Express & MySQL, run on same Server/Port

react-file-upload

React File Upload example with Axios & Progress Bar

react-hooks-redux-crud

React-redux Hooks example: CRUD with Axios, React Router, Web API

node-js-tutorials

Node.js Sample Project - Node.js Tutorials with examples

react-redux-axios-crud

React Redux CRUD App example with Axios to consume Rest API - React Router & Bootstrap.

docker-compose-nodejs-mongodb

Docker Compose Nodejs Express and MongoDB example

vue-3-crud

Vue 3 example by a CRUD app with Axios, Vue Router, Bootstrap

spring-boot-data-mongodb

Spring Boot CRUD Rest APIs with Spring Data MongoDB

vue-3-jwt-refresh-token

Vue 3 JWT Refresh Token with Axios Interceptors, Vuex and Vue Router example

jwt-refresh-token-node-js

JWT Refresh Token implementation in Node.js example with Express, Sequelize and MySQL

angular-17-jwt-auth

Angular 17 JWT Authentication example - Token Based Authentication & Role Based Authorization example with HttpOnly Cookie and Rest API

react-query-axios-typescript

React Query, Axios, Typescript example: get, post, put, delete - useQuery, useMutation, error handling

docker-compose-react-nodejs-mysql

Docker Compose React, Nodejs, MySQL - with Nginx and Express Rest API example

jwt-refresh-token-node-js-mongodb

JWT Refresh Token implementation in Node.js example with Express, MongoDB

spring-boot-thymeleaf-example

Build Spring Boot Thymeleaf example - CRUD application with Maven, Bootstrap, Spring Data JPA, Web MVC

spring-boot-jpa-postgresql

Spring Boot, PostgreSQL example with Maven, Spring JPA

spring-boot-login-mongodb

Spring Boot & MongoDB Login and Registration example with JWT, Spring Security, Spring Data MongoDB

vue-typescript-crud

Vue Typescript example with Axios: CRUD Application to consume Web API

react-jwt-refresh-token

Buid React JWT Refresh Token example with Axios Interceptors - Refresh Token in React.js, Axios silent refresh JWT token example

node-js-sequelize-pagination-mysql

Node.js Rest Apis with Express, Sequelize Pagination & MySQL.

spring-boot-unit-test-rest-controller

Spring Boot Rest API unit test with Junit 5, Mockito, Maven

angular-8-jwt-authentication

Demo project for Angular 8 JWT Authentication with HttpInterceptor and Router

react-hooks-file-upload

React Hooks File Upload example with Progress Bar using Axios, Bootstrap

redux-toolkit-authentication

React Redux Toolkit Authentication & Authorization example with React Router, Axios, Bootstrap, Hooks and JWT in HttpOnly Cookie

redux-refresh-token-axios

Build Redux Refresh Token with Axios Interceptors and JWT example - React Redux for JWT Authentication & Authorization

react-table-crud-example

React Table example: CRUD App with react-table v7, axios, Bootstrap

spring-boot-one-to-many

Spring JPA, Hibernate One To Many example in Spring Boot with ManyToOne annotation

angular-10-jwt-authentication

Angular 10 JWT Authentication example with Web API

spring-boot-3-rest-api-example

Spring Boot 3 Rest API example that implements CRUD operations - GET / POST / PUT / DELETE and filter requests

vue-js-node-js-express-mysql

Vue.js + Node.js Express + MySQL: CRUD example on same server/port

angular-10-crud-app

Angular 10 CRUD Application example to consume Web API

spring-boot-swagger-3-example

Spring Boot and Swagger 3 example - configuration for API description / response example - Swagger annotations with OpenAPI 3

react-firebase-database-crud

React Firebase CRUD App with Realtime Database

angular-14-jwt-auth

Angular 14 JWT Authentication & Authorization with Web API and HttpOnly Cookie - Token Based Auth, Router, Forms, HttpClient, BootstrapBootstrap

docker-mern-nginx

MERN stack application with Docker and Nginx: Docker Compose for React Nodejs Express and MongoDB

mean-stack-authentication-authorization

MEAN stack Authentication and Authorization example - Registration, Login, Logout with JWT

django-rest-api-mysql

Python/Django CRUD with MySQL example that uses Django Rest Framework for building Rest Apis

angular-8-crud-app

Angular 8 CRUD Application example

spring-boot-angular-11-mysql

Spring Boot + Angular 11 CRUD example with MySQL Database

react-axios-typescript-example

Build React Typescript example Project - CRUD with Axios and make Web API call

react-typescript-api-call

React Typescript with API call example using Hooks and Axios, Router & Bootstrap

angular-15-jwt-auth

Angular 15 JWT Authentication & Authorization with Web API and HttpOnly Cookie - Token Based Auth, Router, Forms, HttpClient, BootstrapBootstrap

spring-boot-many-to-many

Spring JPA Many To Many example with Hibernate and Spring Boot CRUD Rest API - ManyToMany annotation

react-axios-example

Reactjs Axios example with Hooks and Rest API - React Axios get JSON data from API - React Axios Post with Functional component

angular-12-jwt-refresh-token

Angular 12 JWT Refresh Token example with Http Interceptor

react-refresh-token-hooks

React Hooks - refresh token with JWT and Axios Interceptors example

node-js-mssql-crud-example

Node.js Rest API with SQL Server/ MSSQL - CRUD example using Expressjs

angular-16-jwt-auth

Angular 16 JWT Authentication example - Token Based Authentication & Role Based Authorization example with HttpOnly Cookie and Rest API

vuex-typescript-jwt-auth

Vue/Vuex Typescript example: JWT Authentication using vuex-class & vuex-module-decorators

angular-13-crud-example

Angular 13 example project - CRUD Aplication to consume Web API with HttpClient, Forms and Router

spring-boot-angular-15-crud-example

Fullstack Spring Boot + Angular 15 CRUD example - Spring Web, Spring Data JPA, embedded database (H2 database), Angular 15, HttpClient, Router and Bootstrap 4.

angular-10-spring-boot-jwt-authentication

Angular 10 Spring Boot JWT Authentication example with Authorization | User Registration & Login

spring-boot-redis-example

Spring Boot Redis example - Cache for CRUD app - spring-boot-starter-data-redis with Spring Boot Redis Lettuce

angular-15-crud-example

Angular 15 project - CRUD example with Web API using Router, Form, HttpClient and Bootstrap

angular-11-crud-app

Angular 11 CRUD Application example to consume Web API

node-js-typescript-mysql-rest-api

TypeScript mysql2 example - Node.js Typescript Express and MySQL example: CRUD Rest API

node-js-upload-image-mongodb

Node.js Upload multiple images to MongoDB using Express, Multer & multer-gridfs-storage

google-cloud-storage-nodejs-upload-file

Google Cloud Storage and Nodejs upload File example with Express Rest API and Multer

angular-17-crud-example

Angular 17 CRUD example with Web API - Angular 17 project - sample app with a CRUD example to consume Rest API