React Client with ASP.NET Core Web API and Entity Framework

Description

This is a fullstack CRUD (Create, Read, Update, Delete) application with a React client, an ASP.NET Core Web API, Entity Framework and a SQL Server database.

Overview of the system. The React client calls the .NET API and Entity Framework, which calls the database.


NOTE! The same project, but WITHOUT Entity Framework is found Here!

Technologies

• HTML
• CSS
• JavaScript
• React
• ASP.NET Core Web API
• C#
• Entity Framework
• SQL Server

User Interface / Client

The form shown above is used to execute the CRUD operations. I included quite a lot of input fields in order to handle many data types.

The React app includes the following techniques:

• Controlled inputs for good practice on how to handle form data.
• Axios package to make http requests to the Web API.

When using "Update" and "Delete" you have to first select the item in the list at the right.

Database

The Employee data is stored in a SQL Server database table (see above).

Inspirations and Credits

• Build app using React JS, .NET Core Web API and Microsoft SQL Server
• Product Management Application using .NET Core 6 and React JS with CRUD Operations
• CRUD Operations Using ASP.NET Core Web API And ReactJS
• The Frontend Developer Career Path (Scrimba)