URL Generator Fullstack project with React18, ASP.NET Core WebAPI (.NET 7) and TypeScript



URL Generator Fullstack project with React18, ASP.NET Core WebAPI (.NET 7) and TypeScript

URL Generator Fullstack project with React18, ASP.NET Core WebAPI  (.NET 7) and TypeScript

💻 Completed codes: https://github.com/mohammad-taheri1/youtube-url-generator-dotnet-react-ts

✏️ In this video, we will create a Fullstack URL Generator project using React18, ASP.NET Core WebAPI (.NET 7) and TypeScript. The focus of this project is to show you how you can build a Fullstack project from 0 to 100 and build a simple CRUD application with ASP.NET Core WebAPI .

✏️ The URLs will be generated on our server and they will be unique.

💖 Hope you enjoy it 💖
💖 Don’t forget to give some stars to the GitHub repo 💖
💖 If you loved this tutorial, leave comments, like, and subscribe 💖

🌎 Me:
LinkedIn: https://www.linkedin.com/in/mohammad-taheri1/
GitHub: https://github.com/mohammad-taheri1
Medium: https://medium.com/@DevEmpower
Portfolio: https://devempower.ir/

[00:00:00] Intro
[00:01:11] Demo & GitHub Repository
[00:04:44] create backend project
[00:19:48] Create Video Method
[00:35:23] Reading All Videos Method
[00:37:36] Read a Single Video By Id Method
[00:41:49] Update Video Method
[00:46:08] Delete Video Method
[00:49:45] Region, a useful tool
[00:54:32] create frontend project
[01:03:17] Navbar
[01:08:31] Home Page
[01:18:23] Handle CORS policy error on Server
[01:36:49] Add-Video Page
[01:50:10] Edit-Video Page
[02:03:02] Delete-Video Page
[02:11:15] Improvement
[02:14:20] Final Test
[02:15:34] Conclusion

#react
#reactjs
#dotnet
#dotnet7
#webapi
#dotnetapi