ASP.NET Core + React (Small CRUD App)

Create an ASP.NET Core web API server in Visual Studio using minimal APIs, enable inline parameter name hints, and clean the generated project for a lean back end.

Set up Entity Framework Core with a code-first approach, define the boasts model and DB context, configure SQLite, add migrations, and seed initial posts.

Create a static repository class to perform database operations for posts, with async methods to get all, get by id, create, update, and delete posts using a DB context.

Add an API endpoint to fetch all posts, wire it to the repository with an async anonymous function, and test to retrieve posts from the database.

Update the swagger UI for the ASP.NET Core + React app by configuring open API info, version, and a custom UI title and route.

Implements the full set of post CRUD endpoints using ASP.NET Core minimal APIs, including get by id, create, update, and delete, with repository calls and proper responses.

Create and clean a React client beside the ASP.NET server using the Ampex tool, then set up Visual Studio Code, configure Edge as the browser, and run the app.

Install bootstrap in the React app with npm install bootstrap and import it in index.js. Use container, row, col, and flex utilities to center content and render hello Bootstrap.

Display all posts in a Bootstrap table by rendering a posts table and fetching data from the ASP.NET Core web API using the Fetch API, storing results in React state.

Learn to configure a CORS policy in an ASP.NET Core web API to let a local React client and Azure static apps share resources.

Render the posts table in React only when posts exist, using the and operator. Map posts to dynamic rows and add a clear posts button.

Centralize all API endpoints in a React project's constants file, supporting development and production URLs for get all posts, get post by id, create, update, and delete posts.

Implement the PostCreateForm component, capturing title and content, submitting via POST to the server, and signaling creation through props, with show and hide behavior.

Transform the create form into a post update form, prefill with props, call on post updated, and update the in-memory posts array after submitting to the update api.

Implement a delete button for posts, confirm deletion with an alert showing the title, call delete post by ID, and remove the post from the UI upon success.

Publish a React app and its web API to Azure App Service, configure a self-contained .NET deployment, and set up a simple continuous integration pipeline to verify post endpoints.

Publish your React app to an Azure static web app using GitHub Actions, configuring the production URL, repository, and CI/CD workflow for automated deployment.

Fix the cors policy to allow requests from the Azure React app to the ASP.NET Core api, update policy with the Azure url, publish, and verify endpoints.

Stage changes, commit, and push to your repository, then monitor GitHub Actions as you verify commits and conclude the ASP.NET Core and React CRUD app tutorial.