React JS + .NET Core Web API + Microsoft SQL | full stack app tutorial

Related Tutorials:
--------------------
React JS + Python Django + SQLite full-stack app
--------------------
React JS + .NET Core Web API + Microsoft SQL full stack app
--------------------
.NET Core API + Vue JS + Microsoft SQL full-stack web app
--------------------
ASP .NET Core Web API + Microsoft SQL CRUD APIs
--------------------
ASP .Net Core Web API + MySQL | CRUD APIs Tutorial
--------------------
.NET Core Web API + PostgreSQL | CRUD APIs
--------------------
.Net Core Web API + MongoDB CRUD APIs
--------------------
Python Django + SQLite | REST APIs
--------------------
Python Django + PostgreSQL | REST API Tutorial
--------------------
Python Django + MySQL CRUD API Tutorial
--------------------
Python Django + MongoDB CRUD API Tutorial
--------------------
Python Django + Microsoft SQL Server CRUD API Tutorial
--------------------

Hello every one, In this tutorial, you will learn to create a full stack web application from scratch using Microsoft SQL server for the database, .NET Core Web API for the backend, and React JS for the front end.

We will first start with creating the necessary tables in Microsoft SQL server, then create the Web API project with the required rest API end points. Finally we will use React JS for creating the front end.
-You will learn how to add routing for our app.
-Create bootstrap table with custom sorting and filtering capabilities.
-Add modal pop up windows with drop downs and date pickers.
-We will also learn how to upload an image and store it in the backend server.

[MSSoftwareGuru]

I cannot tell you how many tutorials I have started and abandoned! This one was absolutely amazing, though, and I got successfully to the end. I really appreciate you making this. May you live to be 1, 000 years old!!!

[ballsballs]

Huge thanks! This guide really helped me a lot in starting out.

In case it might help others, As of May 2023, I did the following changes:
* Used NET 5.0 to follow along with the backend
* Used <Routes> instead of <Switch>, so the updated routes would look like "<Route path='/home' element={<Home />} />"
* I couldn't get Modals to work at all, so I used React's <Modal> instead (might need to npm install react-bootstrap bootstrap). BTW I'm using React 18.2.0

[Proviper]

if around 18:30 something goes wrong then ...
try stackoverflow soluton:
"Check if your connection string has "Trusted_Connection=true" added."

[lovespeed]

Thank You for the tutorial still worth it in 2022.

[johnherrera]

Master! Amazing like always.
Thanks for the richest content you provide to the community.

[vimaladevi]

Am a beginners after watching your videos I got some ideas. Thanks for your detail explaination.

[WristGameShardee]

I always come back to this one for the lesson, I need a query, a table, a connection and a reader. thanks.

[gaurig]

What an amazing tutorial! You are a savior!!! Thank You

[nguyenheaven]

This is really amazing tutorial! Thank you so much for your guiding, it helps me a lot to understand workflow between front-back-data. <3

[johnkumar]

Very nice. Very Good. Short, quick explaining basic ideas.

[chavalgameplays]

In 36:06 when my web page loads, it just shows the buttons Home, Department, Employee however when I click on them it doesn't happen anything? Any idea of what could be the trouble?

[jdcnwrc]

If anybody has problems with requirin Switch from react-router-dom, it is because of in the next React update Switch was changed to Routes, change it. And also, in Route you should rewrite from
<Route path="/home" component={Home} />
to
<Route path="/home"/ element={<Home />} />

[usz]

hi. how to fix such problem? project seems working properly. i have database connection and all functionality but it looks like css and html doesn't work. i have only plain text and links + images. no errors and warnings in console

edit: sorry, i didnt copied changes from index html with bootstrap. lmao.
thank you dude u saved my life

[Tuyenrc]

Thank you for such great content! Could you do a tutorial on version control and hosting for this kind of project?

[pg]

Hello - How do you deploy when I see there are two VS and Visual Code IDE's? Solution to this would be great help.

[code-o-matic]

Really good tutorial. Can you please make a tutorial on web api identity framework and how can we use it with Reactjs.

[DOCGamingYT]

Can you please help me with what the connectionstring will be if i am using developer server

[User-pkcr]

can you make this project with authentication? or tell me the implementation of authentication with с# and react

[Azm]

Wonderful ! Thank you for teaching us !

[techyvivekraj]

So, Unauthorized user can also access the API Data? If They will have api.