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:
Related Posts:
Using Material UI instead of Bootstrap:
More Practice:
Fullstack with Node.js Express:
Fullstack with Spring Boot:
Fullstack with Django:
Serverless:
Integration (run back-end & front-end on same server/port)
This project was bootstrapped with Create React App.
Rename .env.example
to .env
and change its environment variable values as you want:
# Port that the hot-reload use to run this React app.
# Note that the backend needs to allow CORS to this port as well.
PORT=8081
# Base URL for Backend API
REACT_APP_BACKEND_BASE_URL=http://localhost:8080/api
npm install
# or
yarn install
npm start
# or
yarn start
Open http://localhost:8081 to view it in the browser.
The page will reload if you make edits.