![FreeTrained](/img/default-banner.jpg)
- 98
- 333 113
FreeTrained
Pakistan
Registrace 18. 05. 2017
Hi Everyone,
We strive to provide you free education. We try to provide the best course and tutorials which would help all of you.
If anyone wants to promote one's youtube channel or videos then contact us on this email: fldeveloperspk@gmail.com.
We strive to provide you free education. We try to provide the best course and tutorials which would help all of you.
If anyone wants to promote one's youtube channel or videos then contact us on this email: fldeveloperspk@gmail.com.
Create Custom Login, Registration, Email Verify And Forgot Password Pages In Asp.Net Core MVC App
In this Video, we'll create custom login, registration and forgot password pages from scratch in asp.net core mvc app using identity framework.
-------------------------------------------------------------------------------------
What will you learn?
1. How to create database in asp.net core mvc with identity framework
2. How to create custom layouts
3. How to create partial layouts
4. How to create custom login page
5. How to create custom registration page
6. How to create custom verify email to verify email
7. How to create custom forgot password page to change password
8. How to Logout users
9. How create authorized pages
10. How to create View Models in asp.net core mvc app
11. How to implement View Models inside Views
12. How to share data between Views and Controllers using View Models
13. How to share data between pages
-------------------------------------------------------------------------------------
Source Code: github.com/FLDevelopers/AspNetCoreMvcCustomLoginAndRegistration
-------------------------------------------------------------------------------------
Time Stamps:-
00:00 Project Demo
01:10 Create Project And Import Packages
02:18 Create Database Using Identity Framework
05:45 Create View Model Classes
09:00 Create Login Partial
11:10 Create Login Page Design Along With Custom Layout
20:44 Create Registration Page Design
22:31 Create Simple Email Verification Page Design
23:44 Create "Change Password" Page Design
25:15 Create Registration Method / Action
28:08 Create Login Method / Action
30:19 Create Simple Email Verification Method / Action
32:19 Create "Change Password" Method / Action
35:55 Create Logout Method / Action
36:27 How To Authorized Pages / Views
-------------------------------------------------------------------------------------
I hope, you'll like this video. If you have any question related to this video then ask in comments section without any hesitation.
Also Don't forget to like this video and also share it with your friends. Also don’t forget to subscribe our channel and also hit that notification bell to get the notification of our latest video.
-------------------------------------------------------------------------------------
Join WhatsApp Channel: whatsapp.com/channel/0029VaE0W6HA2pLH5dN39n36
Check out our website: www.freetrained.com/
Facebook Page Link: Free_Trained
Facebook Group Link: groups/1746009532359857/
Please Subscribe Our CZcams Channel For More interesting Videos And Don't Forget To Share Our Channel With Your Friends.
Note: *Please Turn Off Any Ad Blocker Software or add-on to support us.
-------------------------------------------------------------------------------------
Additional Tags:-
#aspnet #login #register #forgotpassword #emailverification #email #verification #identityframework #identitymanagement #mvc #programming #coding #latest
-------------------------------------------------------------------------------------
Background Music:-
Almost in F - Tranquillity by Kevin MacLeod is licensed under a Creative Commons Attribution 4.0 license. creativecommons.org/licenses/by/4.0/
Source: incompetech.com/music/royalty-free/index.html?isrc=USUAN1100394
Artist: incompetech.com/
-------------------------------------------------------------------------------------
What will you learn?
1. How to create database in asp.net core mvc with identity framework
2. How to create custom layouts
3. How to create partial layouts
4. How to create custom login page
5. How to create custom registration page
6. How to create custom verify email to verify email
7. How to create custom forgot password page to change password
8. How to Logout users
9. How create authorized pages
10. How to create View Models in asp.net core mvc app
11. How to implement View Models inside Views
12. How to share data between Views and Controllers using View Models
13. How to share data between pages
-------------------------------------------------------------------------------------
Source Code: github.com/FLDevelopers/AspNetCoreMvcCustomLoginAndRegistration
-------------------------------------------------------------------------------------
Time Stamps:-
00:00 Project Demo
01:10 Create Project And Import Packages
02:18 Create Database Using Identity Framework
05:45 Create View Model Classes
09:00 Create Login Partial
11:10 Create Login Page Design Along With Custom Layout
20:44 Create Registration Page Design
22:31 Create Simple Email Verification Page Design
23:44 Create "Change Password" Page Design
25:15 Create Registration Method / Action
28:08 Create Login Method / Action
30:19 Create Simple Email Verification Method / Action
32:19 Create "Change Password" Method / Action
35:55 Create Logout Method / Action
36:27 How To Authorized Pages / Views
-------------------------------------------------------------------------------------
I hope, you'll like this video. If you have any question related to this video then ask in comments section without any hesitation.
Also Don't forget to like this video and also share it with your friends. Also don’t forget to subscribe our channel and also hit that notification bell to get the notification of our latest video.
-------------------------------------------------------------------------------------
Join WhatsApp Channel: whatsapp.com/channel/0029VaE0W6HA2pLH5dN39n36
Check out our website: www.freetrained.com/
Facebook Page Link: Free_Trained
Facebook Group Link: groups/1746009532359857/
Please Subscribe Our CZcams Channel For More interesting Videos And Don't Forget To Share Our Channel With Your Friends.
Note: *Please Turn Off Any Ad Blocker Software or add-on to support us.
-------------------------------------------------------------------------------------
Additional Tags:-
#aspnet #login #register #forgotpassword #emailverification #email #verification #identityframework #identitymanagement #mvc #programming #coding #latest
-------------------------------------------------------------------------------------
Background Music:-
Almost in F - Tranquillity by Kevin MacLeod is licensed under a Creative Commons Attribution 4.0 license. creativecommons.org/licenses/by/4.0/
Source: incompetech.com/music/royalty-free/index.html?isrc=USUAN1100394
Artist: incompetech.com/
zhlédnutí: 193
Video
14 - Create Logout Method In Asp.Net Core MVC App
zhlédnutí 35Před dnem
In this series, we'll create custom login, registration and forgot password pages from scratch in asp.net core mvc app using identity framework. What will you learn? 1. How to create database in asp.net core mvc with identity framework 2. How to create custom layouts 3. How to create partial layouts 4. How to create custom login page 5. How to create custom registration page 6. How to create cu...
13 - Create Forgot Password Method To Change Password In Asp.Net Core MVC App
zhlédnutí 26Před dnem
In this series, we'll create custom login, registration and forgot password pages from scratch in asp.net core mvc app using identity framework. What will you learn? 1. How to create database in asp.net core mvc with identity framework 2. How to create custom layouts 3. How to create partial layouts 4. How to create custom login page 5. How to create custom registration page 6. How to create cu...
12 - Create Custom Simple Email Verification Method In Asp.Net Core MVC App
zhlédnutí 36Před dnem
In this series, we'll create custom login, registration and forgot password pages from scratch in asp.net core mvc app using identity framework. What will you learn? 1. How to create database in asp.net core mvc with identity framework 2. How to create custom layouts 3. How to create partial layouts 4. How to create custom login page 5. How to create custom registration page 6. How to create cu...
11 - Create Custom Login Method In Asp.Net Core MVC App
zhlédnutí 18Před dnem
In this series, we'll create custom login, registration and forgot password pages from scratch in asp.net core mvc app using identity framework. What will you learn? 1. How to create database in asp.net core mvc with identity framework 2. How to create custom layouts 3. How to create partial layouts 4. How to create custom login page 5. How to create custom registration page 6. How to create cu...
10 - Create Registration Method In Asp.Net Core MVC App
zhlédnutí 12Před dnem
In this series, we'll create custom login, registration and forgot password pages from scratch in asp.net core mvc app using identity framework. What will you learn? 1. How to create database in asp.net core mvc with identity framework 2. How to create custom layouts 3. How to create partial layouts 4. How to create custom login page 5. How to create custom registration page 6. How to create cu...
09 - Create Custom "Change Password" Page In Asp.Net Core MVC App
zhlédnutí 15Před dnem
In this series, we'll create custom login, registration and forgot password pages from scratch in asp.net core mvc app using identity framework. What will you learn? 1. How to create database in asp.net core mvc with identity framework 2. How to create custom layouts 3. How to create partial layouts 4. How to create custom login page 5. How to create custom registration page 6. How to create cu...
08 - Create Custom Simple Email Verification Page In Asp.Net Core MVC App
zhlédnutí 8Před dnem
In this series, we'll create custom login, registration and forgot password pages from scratch in asp.net core mvc app using identity framework. What will you learn? 1. How to create database in asp.net core mvc with identity framework 2. How to create custom layouts 3. How to create partial layouts 4. How to create custom login page 5. How to create custom registration page 6. How to create cu...
07 - Create Custom Registration Page In Asp.Net Core MVC App
zhlédnutí 7Před dnem
In this series, we'll create custom login, registration and forgot password pages from scratch in asp.net core mvc app using identity framework. What will you learn? 1. How to create database in asp.net core mvc with identity framework 2. How to create custom layouts 3. How to create partial layouts 4. How to create custom login page 5. How to create custom registration page 6. How to create cu...
06 - Create Custom Login Page And Custom Layout In Asp.Net Core MVC App
zhlédnutí 26Před dnem
In this series, we'll create custom login, registration and forgot password pages from scratch in asp.net core mvc app using identity framework. What will you learn? 1. How to create database in asp.net core mvc with identity framework 2. How to create custom layouts 3. How to create partial layouts 4. How to create custom login page 5. How to create custom registration page 6. How to create cu...
05 - Create Login Partial In Asp.Net Core MVC App
zhlédnutí 26Před dnem
In this series, we'll create custom login, registration and forgot password pages from scratch in asp.net core mvc app using identity framework. What will you learn? 1. How to create database in asp.net core mvc with identity framework 2. How to create custom layouts 3. How to create partial layouts 4. How to create custom login page 5. How to create custom registration page 6. How to create cu...
04 - Create View Models In Asp.Net Core MVC App
zhlédnutí 22Před dnem
In this series, we'll create custom login, registration and forgot password pages from scratch in asp.net core mvc app using identity framework. What will you learn? 1. How to create database in asp.net core mvc with identity framework 2. How to create custom layouts 3. How to create partial layouts 4. How to create custom login page 5. How to create custom registration page 6. How to create cu...
03 - Create Database Using Identity Framework In Asp.Net Core MVC App
zhlédnutí 35Před dnem
In this series, we'll create custom login, registration and forgot password pages from scratch in asp.net core mvc app using identity framework. What will you learn? 1. How to create database in asp.net core mvc with identity framework 2. How to create custom layouts 3. How to create partial layouts 4. How to create custom login page 5. How to create custom registration page 6. How to create cu...
02 - Create Asp.Net Core MVC Project and Import Packages
zhlédnutí 36Před dnem
In this series, we'll create custom login, registration and forgot password pages from scratch in asp.net core mvc app using identity framework. What will you learn? 1. How to create database in asp.net core mvc with identity framework 2. How to create custom layouts 3. How to create partial layouts 4. How to create custom login page 5. How to create custom registration page 6. How to create cu...
01 - Project Demo - Custom Login And Registration Pages In Asp.Net Core
zhlédnutí 58Před dnem
In this series, we'll create custom login, registration and forgot password pages from scratch in asp.net core mvc app using identity framework. What will you learn? 1. How to create database in asp.net core mvc with identity framework 2. How to create custom layouts 3. How to create partial layouts 4. How to create custom login page 5. How to create custom registration page 6. How to create cu...
Asp.Net Core Razor Pages CRUD Operation In .Net 8 - Complete Tutorial
zhlédnutí 349Před měsícem
Asp.Net Core Razor Pages CRUD Operation In .Net 8 - Complete Tutorial
Create Asp.Net Core Web API With JWT Role Based Authorization Using Identity Framework From Scratch
zhlédnutí 2,4KPřed měsícem
Create Asp.Net Core Web API With JWT Role Based Authorization Using Identity Framework From Scratch
Create Asp.Net Core Web API with JWT Authentication And Authorization [Complete Tutorial]
zhlédnutí 1,8KPřed 2 měsíci
Create Asp.Net Core Web API with JWT Authentication And Authorization [Complete Tutorial]
Create Splash Screen In Flutter Without Using Any Package
zhlédnutí 155Před 2 měsíci
Create Splash Screen In Flutter Without Using Any Package
Create Wallpaper App In Flutter From Scratch Using Pexels API [Complete Tutorial]
zhlédnutí 458Před 2 měsíci
Create Wallpaper App In Flutter From Scratch Using Pexels API [Complete Tutorial]
013 - Testing Wallpaper App On Real Device
zhlédnutí 35Před 2 měsíci
013 - Testing Wallpaper App On Real Device
012 - Create Download Button In Wallpaper App
zhlédnutí 20Před 2 měsíci
012 - Create Download Button In Wallpaper App
11 - Create Preview Page In Wallpaper App
zhlédnutí 20Před 2 měsíci
11 - Create Preview Page In Wallpaper App
10 - Implement Methods In Wallpaper App
zhlédnutí 26Před 2 měsíci
10 - Implement Methods In Wallpaper App
09 - Create Load More Button In Wallpaper App
zhlédnutí 35Před 2 měsíci
09 - Create Load More Button In Wallpaper App
08 - Create Category List In Wallpaper App
zhlédnutí 24Před 2 měsíci
08 - Create Category List In Wallpaper App
07 - Create Search Box In Wallpaper App
zhlédnutí 22Před 2 měsíci
07 - Create Search Box In Wallpaper App
06 - Create Masonry GridView In Wallpaper App
zhlédnutí 44Před 2 měsíci
06 - Create Masonry GridView In Wallpaper App
05 - Create Main Page In Wallpaper App
zhlédnutí 17Před 2 měsíci
05 - Create Main Page In Wallpaper App
Please remove background noise. Its annoying.
hi dear I did the same as in your video but when I tried the GET method nothing happened! I am using windows 11 should I do something releated to my firewall?
Have You added HttpGet annotation?
Great video, sir. Everything was well explained.
I hope you continue with .Net and flutter. You are a treasure in the world of programming. I hope you continue. This is a course on how to connect fluttrr and .Net.
Thanks a lot. 👍🏻 And more videos are coming soon. I've written down many ideas 👍🏻😉
It's a great tutorial. It should be rate 4.5 stars
Thanks for rating 😁👍🏻
please complete tutorial and build complete user management with roles and permissions and token and refresh token
I'll try to make it soon.
@@FreeTrained thanks
i have a qustion when connect emulator as windwos all is ok with url >> but with emulator android device data do not display and on real devce data do not display >> what is the problem .. gave solution
there are multiple reasons for this: 1. Localhost address of the both windows and android device is different. You may need to put the API address in env file in flutter. 2. If you are using external android device for testing then, Windows might be prohibiting the access of external devices to the internal running API. For this, you may have to allow the access in your firewall or deploy your API on IIS server. Note: If you are using android emulator, then to save time, you can try this url first: 10.0.2.2:[port number] Check out this article for more details: developer.android.com/studio/run/emulator-networking.html
@@FreeTrained thanks for answer
You're welcome
it is a mazing and easy you well done best wishes from Egypt
Thanks 👍🏻
i need full example for use token and refresh token use roles and permissions
I api work fine in postman but when i use same api by replacing locahost to 10.0.2.2 it gives response 400 bad request can you help me with it
Very helpfull and clean coding loved the video. Keep up the good work :)
Thanks 👍🏻
How to use RefreshToken on my React.js app?
😂😂 i should stop coding now, this is beyond my capabilities 😢
This happens to everyone 😂 Pro Tip: Learn, how everything works behind the scene. Then everything would be much easier.
great!! 😆
how do one manage it ? i mean where is the admin panel so that one can upload images?
While using pexels API, there's no need of that. It's handled by website. We're just using API to access the images of that site.
@@FreeTrained but i do want to upload my own image so how can we do that ? can you make a new series on that one please ? i really need to make a free wallpaper app in which i do require an admin panel or whatever.
For that, you can use firebase to store your images and then fetch these in this app.
@@FreeTrained would you mind helping me with that ? since i have not used firebase from long time.
Ok, I'll try to make a video on firebase storage soon.
hi dear thank you first and second I have many questions: 1- I tried debug my Web API it works but when I need to use it inside the Flutter app nothing showing as JSON data how can I solve it? should I publish on IIS? should I do something in my firewall? I am using windows 11 thank you
Hi, You might need to declare your IP address and port number in env file in flutter project and use it then. A viewer commented this solution on one of video in this playlist. Also firewall also can cause this issue. You can try by allowing connection and opening incoming port. You can deploy your project on IIS server. However, I think you would still need to allow the connection in firewall. You can try either way which works for you.
Can we add auto click function in this cam
Yes, you can. You can create a method and handle timer inside it and upon end of timer, you need to call capture. You can call this timer method either inside init state method or upon clicking capture button.
Amazing friend, thank you for sharing your knowledge with us 😀
You're welcome 👍🏻
thanks for this video and I have a request to please use the react as a front end and use this API with it.
I don't have much (good 😁) experience with react. However, I'll try to make this video soon.
Awesome tutorial thanks. What kind of tool/service did you use for your sound ?
I mostly use Metavoicer.
I used JWT to make api .I made two roles Users and Employee so all data inserted in AspNetUsers table in database .i want to make a relationship between users with role User and another table called Bill and make relationship between users with role Employee with another table called Branch how i can do this by using Code First
thanks for the tutorial. it was to the point and straight forward.
Hello, greetings, did you upload the application to the play store? to be able to try it
Nope. However, you can get source code from github and try it. Link is in the description.
please complete tutorial identity jwt token refresh token
2 video's been already posted on authentication and authorization using identity framework.
@@FreeTrained i want how to use in flutter and how manage authentication
Ok. I'll try to make this video soon.
@@FreeTrained thanks
please complete flutter tutorial with asp. net core api
It's already completed. Do you means using authentication and authorization?
@@FreeTrained yes
@@FreeTrained i want to know how using authentication in flutter and can i create authorizeview
Ok. Will be uploaded soon
there is a doubt is that i after running the asp code, its keep in a local system which is connected to internet. The mobile application user is far away having different network connection is that possible to connect with the local system?(note that the service is hosted locally )
If the mobile app is using the same connection, then you can use the ip address of the API device with port number. However, you would need to pass this IP address in environment file, i think. If you're mobile device is not on same connection, then you need this API online. In this way, you would have to make this API secure using authentication and authorization. Once API is online, you can use its URL to access it.
@@FreeTrained thank you❤️
No Problem 👍🏻
Thanks
Welcome 😊
Hello! Im using using a package named "Path_provider" since im also encountering issues regarding like thisCreation failed, path = '/storage/emulated/0/Download/Qr_code,' but it always say that my Storage permission is denied
how do i resolve this? I/flutter (17638): Error: FileSystemException: Creation failed, path = '/Storage' (OS Error: Read-only file system, errno = 30)
Right now, I don't know which package are you using for permission handling. So, I'll give complete details to do so. Path provider, give access to application directory. However, if you want to store output image in outer download folder then you need to use another package called, "External Path". This package will give you the access to outer folders like pictures, documents, download, etc. You also need to add read and write permission inside AndroidManifest.xml file. It will tell device about which permissions are we going to implement. After that, You need to get read and write permission. To get these, use permission handler package. Hope this will help you. If you have any other problems, feel free to ask.
@@FreeTrained it says my file is saved at \storage\emulated\0\Android\data\com.example.elgivesv2\files however i cant find it?
the flash didn't work, even though it followed exactly the same flow.
Pull the project from github repository and test that out then.
how to record video?
We'll try to make video on it soon 👍🏻
Amazing video, but is there an implementation for ios?
not right now, in future maybe! Does this not work on IOS devices?
A problem appears when implementing the project OS Error: Connection refused, errno = 111)
Amazing video, helped me a lot!!
Glad to hear it!
brother can you tell me how to do authentication with the dotnet api in this app like i want authenitication as well for the app
I'll try make a video on authentication very soon.
After running the app vs code is throwing error of resolved
in kotlin code the issue is of resolved references
an unresolved reference error, it means the IDE cannot find the symbol you're referencing. This can happen for a few reasons, especially when working with Flutter and platform-specific code (Kotlin for Android in your case). it happens due to some missing imports, invalid package structure, IDE issues, plugin misconfiguration, etc. Try to clean flutter project using "flutter clean" and then run "flutter pub get". It solves the error in most cases.
if you want to run on WEB, add this line. /* IOS */ IOSUiSettings( title: 'Cropper', ), /* WEB - add this setting */ WebUiSettings( context: context, presentStyle: CropperPresentStyle.dialog, boundary: CroppieBoundary( width: 400, height: 500, ), viewPort: CroppieViewPort( width: 300, height: 400, type: 'rectangle'), //square,rectangle,viewport,circle enableExif: true, enableZoom: true, showZoomer: true, ),
Thanks for making video with asp net core web api Can you make the video on jwt in which user register and generate token and that token save in database and user login with that jwt token and also use two tables 1. Student 2. Courses And both table is link with each other like foreign key and that whole api is integrate with flutter application Kindly make video on that Thanks 😊
bro, that's almost complete back-end functionality of an app... 😁 But, I'll make a video on "asp.net web api authentication and authorization" and also "how to use this api in flutter".
there was an error running the selected code generator:'package restore failed. Rolling back package changes for 'WebApiN'.' I have faced this error please help me to fix this error?
Instance member 'pickImage' can't be accessed using static access
First, make the object of Image picker class.
Very good video It's so useful. Thank you^_^
This comparison did not help me one way or the other. Since I know C# and .Net, that's the way to go. Do you have ANY examples where DART is superior?
I am getting XmlhttpRequest error, does any know it's solution?
Woooow great video bro! Thank u so much for your content!!! It helped me so much
Glad to hear it 👍🏻
W
Where can I get the source code ?
Source Code: github.com/FLDevelopers/FlutterWithAsp.netCoreApi
So I adopted your exact function for a project I am working on to save the qrcode as png but I keep getting this error: I/flutter (30489): Error: PathAccessException: Creation failed, path = '/storage/emulated/0/Download/Qr_code' (OS Error: Permission denied, errno = 13) I have used the permisson handler to get permission but even after that the image wont save I have also added this line to my android manifest: <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> and still nothing works. please how do I resolve this ?
It is occurring because you might be using different mobile OS or your mobile device might be different. I knew the exact folder location so I hard coded the location. To solve this error, you need to use a package named "Path_provider". You can also use "External_Path" package. If you don't want to save images inside your application directory, use "external path" package. I have used the external path package in my video "Create camera in flutter from scratch". You can check that out. However, if you still don't get that then I'll create a separate video on path providers. Let me know if you face any problems.
@@FreeTrained Okay thanks for your response. I am currently using 'path_provider' but it either saves it as a cache that's inside the android/data folder or it saves it where isn't visible to the user. So how can I use path_provider to make it visible and even appear in the gallery?
First, saving images in application directory (android/data) is provided when you use path provider. However, if you want to save the files in outer folder (means download, pictures, etc) then you need to use external_path package. this package gives you the location of these folders. Second, if you want to add these images in gallery then you need to tell the system that "you saved some images and add these in gallery." For that, you need to use media_scanner package. It notifies the system to add files in gallery. If you need more help then feel free ask.
@@FreeTrained alright Thank you so much I will try what you have suggested
No problem 😁. Feel free to ask again
nice bro
thanks
Thank you very much, this tutorial is very helpful for me as a .Net developer background
You're welcome.