Pet Store Fullstack project with React18, ASP.NET Core7 WebAPI, TypeScript and Entity Framework Cor
Pet Store Fullstack project with React18, ASP.NET Core7 WebAPI, TypeScript and Entity Framework Core
? Completed codes: https://github.com/mohammad-taheri1/youtube-pet-store-react-ts-dotnet
In this video, we will create a Fullstack Pet Store project using React18, ASP.NET Core WebAPI (.NET 7),TypeScript and Entity Framework Core. 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 .
we will follow REST API patterns.
we will learn these topics together:
✅ On Backend project:
* Entities
* Dtos
* Context
* ORM
* Http Methods
* Swagger
* Postman
* Postman Collections
✅ On Frontend project:
* Sending state while redirecting user
* Nested Routing
* useState
* useEffect
* Sweet Alert on Create, Edit and Delete
* Confirmation on Delete
* Elegant, Beatifull and fully Responsive Navbar
* TypeScript Interface
* TypeScript Partial
* Axios
* SASS
* Mixins
* Moment
? sections
- [00:00:00] Intro
- [00:03:05] Demo & GitHub Repository
- [00:08:31] create backend project
- [00:19:28] Create ProductsController
- [00:21:41] Create Product Method
- [00:26:30] Reading All Products Method
- [00:27:49] Read a Single Product By Id Method
- [00:30:19] Update Product Method
- [00:33:40] Delete Product Method
- [00:36:06] Test API with Swagger
- [00:41:35] Test API with Postman and Postman Collection
- [00:50:03] create frontend project
- [00:57:00] Navbar
- [01:06:45] Home Page
- [01:12:20] Products List Page
- [01:23:08] Handle CORS policy error on Server
- [01:35:46] Add Product Page
- [01:59:55] Edit Product Page
- [02:13:53] Delete Product Page
- [02:20:57] Final CRUD Test
- [02:21:47] Make Navbar fully responsive
- [02:33:13] Conclusion
? Me:
Telegram: https://t.me/DevEmpower
LinkedIn: https://www.linkedin.com/in/mohammad-taheri1
GitHub: https://github.com/mohammad-taheri1
Medium: https://medium.com/@DevEmpower
Portfolio: https://devempower.ir/
? Hope you enjoy it ?
? If you loved this Fullstack project | React18, ASP.NET Core7 WebAPI, TypeScript, Entity Framework Core tutorial, leave comments, like, and subscribe ?
? You can Buy me a coffee to support: https://www.buymeacoffee.com/DevEmpower ?
#react
#reactjs
#dotnet
#dotnet7
#webapi
#dotnetapi
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Pet Store Fullstack project with React18, ASP.NET Core7 WebAPI, TypeScript and Entity Framework Cor», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.