Resume Management project with React18, ASP.NET Core7 WebAPI, TypeScript and Entity Framework Core

Опубликовано: 07 Октябрь 2024
на канале: Dev Empower

24,975

768

Resume Management project with React18, ASP.NET Core7 WebAPI, TypeScript and Entity Framework Core

📝 Completed codes: https://github.com/mohammad-taheri1/Y...

In this video, we will create a Fullstack Resume Management 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
AutoMapper
Entities Relationtions
1 to Many Relation

✅ On Frontend project:

Nested Routing
useState
useEffect
useContext
DarkMode
Elegant, Beatifull and fully Responsive Navbar
TypeScript Interfaces
Dtos
Axios
SASS
Mixin
Moment

🔍 sections

[00:00:00] Intro
[00:03:01] Demo
[00:08:14] Starting Backend Project
[00:09:49] Database Structure
[00:24:19] Implementing ApplicationDbContext
[00:32:40] Entities Relations in Database Diagram
[00:33:12] Companies
[00:35:01] HttpPost: CreateCompany
[00:37:40] AutoMapper
[00:43:20] Convert Enum values from Number to String
[00:47:50] HttpGet: GetCompanies
[00:54:15] Jobs
[00:59:19] HttpPost: CreateJob
[01:02:15] HttpGet: GetJobs
[01:08:02] Candidates
[01:13:25] HttpPost: CreateCandidate
[01:26:35] HttpGet: GetCandidates
[01:29:47] HttpGet: DownloadPdfFile
[01:37:24] Handle CORS Policy error
[01:38:06] Starting Frontend Project
[01:47:01] ThemeContext
[01:56:12] React-Router-DOM
[01:58:14] Navbar
[02:21:18] Home Page
[02:23:35] Improving Performance with Lazy Loading Components
[02:28:32] Companies Page
[02:30:37] baseUrl
[02:32:12] httpModule
[02:35:14] Types and Interfaces
[02:54:09] AddCompany Page
[03:07:59] Jobs Page
[03:17:52] AddJob Page
[03:29:37] Candidates Page
[03:40:45] AddCandidate Page
[03:57:58] Final Test
[04:00:04] Fix DarkMode Problem
[04:03:06] Conclusion

🌎 Me:
Telegram: https://t.me/DevEmpower
LinkedIn: / mohammad-taheri1
GitHub: https://github.com/mohammad-taheri1
Medium: / 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 💖

Tags:
#webapi #react #reactjs #dotnet #dotnet7 #dotnetapi #aspnetcore #github #project #frontend #backend #entityframework #entityframeworkcore