https://github.com/knowledgefactory4u/dotnet-mysql-reactjs-crud-app
.Net + MySQL + React JS CRUD Application Example
https://github.com/knowledgefactory4u/dotnet-mysql-reactjs-crud-app
crud dotnet dotnet6 efcore mysql reactjs
Last synced: 5 months ago
JSON representation
.Net + MySQL + React JS CRUD Application Example
- Host: GitHub
- URL: https://github.com/knowledgefactory4u/dotnet-mysql-reactjs-crud-app
- Owner: knowledgefactory4u
- Created: 2023-02-16T16:33:07.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-16T20:39:46.000Z (over 2 years ago)
- Last Synced: 2024-11-14T20:33:19.163Z (8 months ago)
- Topics: crud, dotnet, dotnet6, efcore, mysql, reactjs
- Language: JavaScript
- Homepage: https://www.knowledgefactory.net/2023/02/net-mysql-react-js-crud-application.html
- Size: 349 KB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# .Net + MySQL + React JS CRUD Application Example
# After completing this tutorial what we will build?
We will build a full-stack web application that is a basic User Management Application with CRUD features:
• Create User
• List User
• Update User
• Delete User
• View User
# Local Setup and Run the application
Create database and table
```CREATE DATABASE testdb;```
```
CREATE TABLE users(
id INT PRIMARY KEY AUTO_INCREMENT,
first_name VARCHAR (20) NOT NULL,
last_name VARCHAR (20) NOT NULL,
email VARCHAR (20) NOT NULL
);
```
Download or clone the source code from GitHub to the local machine
Backend
You can start the api by running ```dotnet run``` from the command line in the project root folder (where the WebApi.csproj file is located)
OR
You can also start the application in debug mode in Visual Studio by opening the project root folder in Visual Studio and pressing F5 or by selecting Debug -> Start Debugging from the top menu, running in debug mode.
Frontend
```npm install```
```npm start```
From the browser call the endpoint http://localhost:3000