PROgrammer Rohan
PROgrammer Rohan
  • Видео 30
  • Просмотров 496 996
Angular 17 - Income Expense Tracker From Scratch | 2024 | .NET8 | EFCore 8
About the Video--------------------------
Github Link: github.com/programmer-rohan/2404_InExTracker.git
We do lot of money transactions in our everyday life, but hardly anyone keeps the
record of those transactions.
This application is created to keep the records of all of your income and expenses.
This application will also display the data in monthly format, by providing all
calculation required.
Hope this helps you to build your projects.
Please watch the full video.
If you like the video, please like and subscribe.
Thanks!
Timestamps
00:00 - Intro
05:40 - Create Project
08:48 - Basic Structure
15:14 - Maintenance UI
36:30 - API Setup
46:30 - CORS Error
48:00 - Solving Other Errors
56:50 - View Data UI
01...
Просмотров: 217

Видео

Dark Mode in Angular Material | Angular Material Theming in Depth | 2024 | Angular 17
Просмотров 254Месяц назад
About the Video Github Link: github.com/programmer-rohan/2403_DarkMode.git In most of the website, we need dark mode which will change all colors of website to dark. These dark colors can be very gentle our eyes especially in dark. It is always recommended to use dark mode, if viewing for long time. In this video I will explain in dept how angular theming works, and how to use it. Angular palet...
Admin Dashboard in Angular 17 using Chart.js | 2024 | Charts in Angular
Просмотров 3,1 тыс.2 месяца назад
About the Video Github Link: github.com/programmer-rohan/2402_AdminPanel In most of the website, we need admin panel which will display data of entire website to admin. This data should be displayed in graph format so that, it is easier to visualize. So, in this video, I have create a basic looking Admin Panel, which doesn't have any ultra high css styles applied. Also used chart.js to display ...
How to send FREE Emails in .NET 8 Web API using Google SMTP Server (2024) | C# | Java | Angular
Просмотров 4923 месяца назад
Github Link: github.com/programmer-rohan/2401_FreeEmail.git About the Video In almost every website that we make, we have to send emails for verifications, for notifications to all the subscribers. This can be very tedious job if we have to setup our own SMTP Server for that. So, google has provided their SMTP Server for FREE, which we can use by their IP address and Port Number. In this video,...
Full Stack Angular 17 + .NET 8 Library Management System Website from Scratch | 2024
Просмотров 3,4 тыс.4 месяца назад
About the Video GitHub Link: github.com/programmer-rohan/2312LibraryMS.git Steps: 1. Clone the Repository. 2. Create Database with any name eg. ABC 2. Open API solution in Visual Studio 2022 3. Go to appsettings.json and update the database string in "DB" section. 4. Also fill from email and email code. (optional) 5. Open Package manager console and run update-database command. 6. Now run API s...
Angular 17 Library Management System (2023) | Part 4 | Admin Panel | .NET 8
Просмотров 2924 месяца назад
GitHub Link: github.com/programmer-rohan/2312LibraryMS.git Steps: 1. Clone the Repository. 2. Create Database with any name eg. ABC 3. Open API Proj, go to appsettings.json and update the database string in "DB" section. 4. Also fill "from email" and "email code". 5. Open Package manager console and run update-database command. 6. Go to UI folder, run npm install 7. Now, you can run both projec...
Angular 17 Library Management System (2023) | Student Panel | .NET 8 | Part 3
Просмотров 4505 месяцев назад
GitHub Link: github.com/programmer-rohan/2312LibraryMS.git Steps: 1. Clone the Repository. 2. Create Database with any name eg. ABC 2. Open API solution in Visual Studio 2022 3. Go to appsettings.json and update the database string in "DB" section. 4. Also fill from email and email code. (optional) 5. Open Package manager console and run update-database command. 6. Now run API solution. 7. Go t...
Angular 17 Library Management System (2023) | JWT Authorization | Part 2 | .NET 8
Просмотров 9125 месяцев назад
GitHub Link: github.com/programmer-rohan/2312LibraryMS.git Steps: 1. Clone the Repository. 2. Create Database with any name eg. ABC 2. Open API solution in Visual Studio 2022 3. Go to appsettings.json and update the database string in "DB" section. 4. Also fill from email and email code. (optional) 5. Open Package manager console and run update-database command. 6. Now run API solution. 7. Go t...
Angular 17 Library Management System from Scratch | .NET 8 | Initial Setup | Part 1
Просмотров 1,8 тыс.5 месяцев назад
GitHub Link: github.com/programmer-rohan/2312LibraryMS.git Steps: 1. Clone the Repository. 2. Create Database with any name eg. ABC 2. Open API solution in Visual Studio 2022 3. Go to appsettings.json and update the database string in "DB" section. 4. Also fill from email and email code. (optional) 5. Open Package manager console and run update-database command. 6. Now run API solution. 7. Go t...
How to make Modal Service from scratch in Angular 16? | Without Angular Material
Просмотров 8348 месяцев назад
About the Video In this Video, I have built a Angular 16 Modals System. This Angular component has in built Modals, where we can display different modals depending on request sent. In this Website, I have created Modal Component: This will be used to display different modals. Modal Service: This will be used to send request for which modal to display. Modal Service Library: This will be used to...
Dynamic Tabs in Angular 16 | No Angular Material
Просмотров 2,6 тыс.10 месяцев назад
About the Video In this Video, I have built a Angular 16 Tab Control System. This Angular component has in built tab mechanism, where we can create new tabs dynamically. In this Website, I have created Tab Component: A component which can dynamically create tabs and insert inside this component. Tab Service: A service which can be injected inside any component where we want to create tabs. Moda...
Angular 15 Library Management System from Scratch (2023) | ASP.NET Core 6 | Dapper
Просмотров 22 тыс.Год назад
About the Video In this Video, I have built a Angular 15 Library Management System Website. This website has UI as well as backend and database was made during this video. In this Website, I have created Authentication System : User would be able to login and create account. JWT Authentication : User's data will be stored in tokens in browser. Role based Authorization : Some features are only a...
Modern Portfolio Website in Angular 14 (2022) | Fully Responsive | Works on PC and Mobile
Просмотров 16 тыс.Год назад
About the Video In this Video, I have built a Angular 14 Portfolio Website. This website only has UI, no backend and database was made during this video. In this Website, I have created Responsive Directive - This directive will make the hosting component fully responsive Baner Component - Displays name and profile photo Education Component - Displays education list Work Exp Component - Display...
Fully Responsive News Website in Angular | 2022 | Works on PC and Mobile
Просмотров 3,1 тыс.Год назад
About the Video In this Video, I have built a Angular 14 News Website. This website only has UI, no backend and database was made during this video. In this Website, I have created Home Component - To display latest and most popular articles. Categories Component - To Display all the categories available Category Component - To Display all the articles related to current category. Article Detai...
Angular 14 E-Commerce Website ASP.NET Core 6 | Angular Project
Просмотров 43 тыс.Год назад
About the Video In this Video, I have built a Angular 14 E-Commerce Website. In this Website, I have created Home Component - To display Suggested Components. Products Component - To Display List of Components in grid or in list layout Products Details Component - To Display Details of Product. Cart Component - To Add the Product in Cart and Save in DB Order Component - To Simulate the Placing ...
How to Create Analog and Digital Clock in Angular 13/14? | HTML CSS TypeScript | 2022
Просмотров 1,9 тыс.Год назад
How to Create Analog and Digital Clock in Angular 13/14? | HTML CSS TypeScript | 2022
How to Create Dynamic Components in Angular 13/14? | Load Components Dynamically | 2022
Просмотров 16 тыс.Год назад
How to Create Dynamic Components in Angular 13/14? | Load Components Dynamically | 2022
Let's Build a Typing Test Website in Angular 13 | ASP.NET Core | EF Core | 2022
Просмотров 2,4 тыс.Год назад
Let's Build a Typing Test Website in Angular 13 | ASP.NET Core | EF Core | 2022
Angular 13 - Home Expense Manager From Scratch | Angular Full Application | ASP.NET Core | 2022
Просмотров 12 тыс.2 года назад
Angular 13 - Home Expense Manager From Scratch | Angular Full Application | ASP.NET Core | 2022
Angular 13 CRUD | Employee Management System | 2022 | Bootstrap 5 | Angular Project
Просмотров 69 тыс.2 года назад
Angular 13 CRUD | Employee Management System | 2022 | Bootstrap 5 | Angular Project
Header and Expandable Side Nav in Angular 13 using HTML, CSS, Bootstrap 5 | 2022
Просмотров 88 тыс.2 года назад
Header and Expandable Side Nav in Angular 13 using HTML, CSS, Bootstrap 5 | 2022
Angular 13 | How to apply Log Out feature in Login Form ? | 2022
Просмотров 5 тыс.2 года назад
Angular 13 | How to apply Log Out feature in Login Form ? | 2022
Angular 13 Guards | How to provide security to Angular Components?
Просмотров 3,6 тыс.2 года назад
Angular 13 Guards | How to provide security to Angular Components?
Angular 13 Router (2022) | How to use Angular Router in Login Form? | Indian Guy
Просмотров 15 тыс.2 года назад
Angular 13 Router (2022) | How to use Angular Router in Login Form? | Indian Guy
How to Create JWT Token in ASP.NET Core and use it in Angular | JWT Authorization 2022
Просмотров 9 тыс.2 года назад
How to Create JWT Token in ASP.NET Core and use it in Angular | JWT Authorization 2022
What is JWT Authentication and Authorization? | Tokenization | How Basic Login System Works? 2022
Просмотров 4,7 тыс.2 года назад
What is JWT Authentication and Authorization? | Tokenization | How Basic Login System Works? 2022
Complete Login Form Using Angular 13 and ASP.NET Core Web API | Validators | Entity Framework Core
Просмотров 27 тыс.2 года назад
Complete Login Form Using Angular 13 and ASP.NET Core Web API | Validators | Entity Framework Core
How to Connect Angular 13 Reactive Form to Backend? 2022 | ASP.NET Core 3.1 | Entity Framework Core
Просмотров 39 тыс.2 года назад
How to Connect Angular 13 Reactive Form to Backend? 2022 | ASP.NET Core 3.1 | Entity Framework Core
How to Add Validators in Angular 13 | Register Form in Angular
Просмотров 42 тыс.2 года назад
How to Add Validators in Angular 13 | Register Form in Angular
Registration Form using Angular 13 Reactive Forms | Very simple Form without using CSS | Angular 13
Просмотров 66 тыс.2 года назад
Registration Form using Angular 13 Reactive Forms | Very simple Form without using CSS | Angular 13

Комментарии

  • @addaissaabdoulrazak7463
    @addaissaabdoulrazak7463 День назад

    why you still used your drivers to acces in source code repository it's just simple to use gitHub .

  • @revanthreddy790
    @revanthreddy790 7 дней назад

    This is the BEST explanation I found for Angular validations. Also can you PLEASE make video about how to connect to and work with Angular and SQL Server?

  • @harshusonara5519
    @harshusonara5519 7 дней назад

    I don’t get payment field and error in Json can’t convert into System.Int32 in InsertOrder. And that’s why it shows error of 400 in InsertPayment. How to solve it please give reply as soon as possible

  • @MudassirAdmani
    @MudassirAdmani 12 дней назад

    one question, instead of scss why u didnnt use bootstrap or tailwind??

    • @programmer_rohan
      @programmer_rohan 12 дней назад

      I was already using angular material.

    • @MudassirAdmani
      @MudassirAdmani 10 дней назад

      @@programmer_rohan but when u were styling using scss u could have done it alot easier and quicker using bootstrap and tailwind css classes just curious coz i am a beginnner plz correct me i i am wrong

    • @programmer_rohan
      @programmer_rohan 10 дней назад

      @@MudassirAdmani yes we can do. In my initial videos i used to do it with bootstrap.

  • @seloaneronald2462
    @seloaneronald2462 12 дней назад

    Why would someone do publicly publish their video using language other than English though? I feel they shouldn't br allowed to publish bc is somehow bias in my view

  • @prajwalkarmore2747
    @prajwalkarmore2747 13 дней назад

    bhai github ka link??

  • @Sneha-56
    @Sneha-56 20 дней назад

    Can you please help me with it

  • @Sneha-56
    @Sneha-56 20 дней назад

    Hi, as i tried to do this project, but I'm not getting how to start it, I'm not getting from were you are copying the code from

  • @makatozi
    @makatozi 21 день назад

    what a joke! You cant have an english title to a non-english video!!!! At least mention that in the title FFS!!

  • @alwinshine4724
    @alwinshine4724 22 дня назад

    Source code is not available in the guthub kindly help

  • @ryand250
    @ryand250 26 дней назад

    I really need help with your angular video sir in which you made a library management system using c sharp jwt please help. I followed through that and the users are set not active by default and they cant use the website as all the pages are blocked to the. Please help as i need it for school final project.

    • @ryand250
      @ryand250 25 дней назад

      bhai help toh krdo comment like mat kro please mujhe madad chaiye im really atuck ki kasie kru. mere jitne bhi user register krte hai vo not active set hote hai automatically, isko kaise fix kru btado please, koi bhi btado please

  • @ryand250
    @ryand250 26 дней назад

    I really need help with your angular video sir in which you made a library management system using c sharp jwt please help. I followed through that and the users are set not active by default and they cant use the website as all the pages are blocked to the. Please help as i need it for school final project.

  • @Matrix-fq9xj
    @Matrix-fq9xj 26 дней назад

    can you please make video for dotnet core web api login, register, user panel (dashboard) , admin panel(dashboard) login using jwt auth database will be ms sql server and try to use store procedure for login, register api only

  • @it_ty_33_nikhilpatil74
    @it_ty_33_nikhilpatil74 26 дней назад

    Please share git link brother

  • @GurnamKaur-rx7dn
    @GurnamKaur-rx7dn 29 дней назад

    cannot load NgChartModule from ng2charts , after new upgrade its not avail maybe .. help me out

  • @jagadishdasari6466
    @jagadishdasari6466 Месяц назад

    This is by far the best tutorial on Angular 17. Please add more features that are available on BI Dashboards like Tableau/Power-BI/etc., Long Live Rohan!!!

    • @programmer_rohan
      @programmer_rohan Месяц назад

      Than you very much. Really happy that you liked.

  • @panawanfarm
    @panawanfarm Месяц назад

    Thanks! You've been a huge help in getting my portfolio website up and running.

  • @user-cs2tw7tk5z
    @user-cs2tw7tk5z Месяц назад

    make a video on signalr notification system with permission based system

  • @bbdhruv2639
    @bbdhruv2639 Месяц назад

    Create invoice billing ledger management in angular 17

  • @user-iy2os7nr2c
    @user-iy2os7nr2c Месяц назад

    Toggling react js main kaise kare plzz help

  • @ReadLineAcademy
    @ReadLineAcademy 2 месяца назад

    nice explaination sir ,love from bangladesh

  • @struggleprogramming
    @struggleprogramming 2 месяца назад

    100 times recommended video dear i watch your videos couple of times the main information is the responsiveness of site thank you again.

  • @kevinpham1575
    @kevinpham1575 2 месяца назад

    I cannot find the project in github from the link. Was it set private?

  • @sonaligaikwad1562
    @sonaligaikwad1562 2 месяца назад

    I used angular 17 but there is no common module imported also I am not able to use angular material

  • @sonaligaikwad1562
    @sonaligaikwad1562 2 месяца назад

    Are you using angular 17.0.1 ?

  • @nadashawqy8320
    @nadashawqy8320 2 месяца назад

    I am Arabic, but I subscribed ❤

  • @hajribechir6491
    @hajribechir6491 2 месяца назад

    i cant fine the projet in github

    • @programmer_rohan
      @programmer_rohan 2 месяца назад

      I have given the link

    • @samyukthasstudio6176
      @samyukthasstudio6176 2 месяца назад

      @@programmer_rohan: Hi Rohan,when is the next project coming?? waiting for your video..

  • @draconianyt5174
    @draconianyt5174 2 месяца назад

    Bro server side pegination or server side search banao na angular mai

  • @user-xg9rt6kp4z
    @user-xg9rt6kp4z 2 месяца назад

    hi sir, below is my problem question issue when i am using array to display value on line 62 not getting a graph for primary label import { CommonModule } from '@angular/common'; import { HttpClient, HttpClientModule } from '@angular/common/http'; import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; import { Chart, registerables } from 'chart.js'; Chart.register(...registerables); @Component({ selector: 'app-root', standalone: true, imports: [RouterOutlet, CommonModule,HttpClientModule], templateUrl: './app.component.html', styleUrl: './app.component.css' }) export class AppComponent { title = 'paperapp'; API_URL="localhost:8081/api/appdb/"; constructor(private http:HttpClient) { } notes:any=[]; monthname:any=[]; primaryvalue:any=[]; secondaryvalue:any=[]; refrestNotes() { this.http.get(this.API_URL+'GetNotes').subscribe(data=>{ this.notes=data; if(this.notes!=null){ for(let i=0; i<this.notes.length;i++) { this.monthname.push(this.notes[i].month); this.primaryvalue.push(this.notes[i].primary); this.secondaryvalue.push(this.notes[i].secondary); } } }) } showChart(monthname:any,primaryvalue:any,secondaryvalue:any) { new Chart("myChart", { type: 'bar', data: { labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], datasets: [{ label: 'primary', data: this.primaryvalue, borderWidth: 1 }, { label: 'secondary', data: [12, 19, 3, 5, 2, 3], borderWidth: 1 } ] }, options: { scales: { y: { beginAtZero: true } } } }); } ngOnInit() { this.refrestNotes(); this.showChart(this.monthname,this.primaryvalue,this.secondaryvalue); } }

    • @user-xg9rt6kp4z
      @user-xg9rt6kp4z 2 месяца назад

      sir please help

    • @user-xg9rt6kp4z
      @user-xg9rt6kp4z 2 месяца назад

      please let me know if there is some other way to display the values of array.

  • @aliali-pn1cb
    @aliali-pn1cb 2 месяца назад

    thank Master Pro from Yemen flow you

  • @VivekGodYt89
    @VivekGodYt89 2 месяца назад

    Please send source code link

  • @sohailazam8962
    @sohailazam8962 2 месяца назад

    Rohan 🚫 mc stand 👍 Voice 😅

  • @jonathanemanoel2159
    @jonathanemanoel2159 2 месяца назад

    Hi Rohan, great video! See if you can clarify any doubts for me. User can manually place a token in localstorage (with bad intentions). We are authorizing the user to be logged checking if the browser has any token. If so, it is logged in. But if he generated this manually, can't it cause us problems? If so, how can we avoid this?

    • @programmer_rohan
      @programmer_rohan 2 месяца назад

      Yes this might create problem. In that case, instead of just checking whether token is there or not, we would be decoding that token and checking whether information inside it is correct or not.

    • @jonathanemanoel2159
      @jonathanemanoel2159 2 месяца назад

      @@programmer_rohan you mean make a request to my server to check? If yes, is there any idea how often this need to be done?

    • @programmer_rohan
      @programmer_rohan 2 месяца назад

      @@jonathanemanoel2159 there is one package called as jwt helper, it can decode the token at client side. So no need to send backend request.

    • @jonathanemanoel2159
      @jonathanemanoel2159 2 месяца назад

      @@programmer_rohan Thank’s, Rohan. I will study this lib. You win a new follower from Brazil! 😉

  • @sakshighogare9721
    @sakshighogare9721 2 месяца назад

    U explained very well🎉 bt sir for me mobile view not working properly . Can u suggest what I'm missing there. I am using angualr 15 verison.

  • @VivekGodYt89
    @VivekGodYt89 2 месяца назад

    PLEASE SENT YOUR CONTACT NO

  • @mustaphayusuf6091
    @mustaphayusuf6091 3 месяца назад

    Please can i run this Project completely in VS 2022? and what about C# code? can i use it also?? Thank you

  • @karrulokeshwarreddy4636
    @karrulokeshwarreddy4636 3 месяца назад

    Bro, content is good and explanation also. And can I know background music is from which movie.?

  • @ABi-fr9dq
    @ABi-fr9dq 3 месяца назад

    Bro how much experience u carry?

    • @programmer_rohan
      @programmer_rohan 3 месяца назад

      2.5 yrs😂 But I do programming every single day...past 4 yrs

  • @patelvivekshirinbhai5241
    @patelvivekshirinbhai5241 3 месяца назад

    thanks it worked but had some issue with the .Net version 8.0.1 with that service

  • @dazzleflystudio2605
    @dazzleflystudio2605 3 месяца назад

    Aoa rohan sir mat-card pe error he is not element plzz tell me this error

  • @genzgeek
    @genzgeek 3 месяца назад

    Bro from the bottom of my heart thank you. Ive tryed 3/4 tutorials and a whole day trying to implement this functionality. i guess with .net8 this became easier, ive tryied .net7/6 tutorials and had to do a lot of code and nothing never worked

  • @MinhExplores
    @MinhExplores 3 месяца назад

    app is not responsive. Garbage

  • @2dabang
    @2dabang 3 месяца назад

    Very nice. I liked tutorial. How can I add a 2nd level in the side-nav? Also, how to keep the hightlight of the currently side-bar item selection?

  • @mayanksati1842
    @mayanksati1842 3 месяца назад

    Good efforts. Thanks

  • @s.kputra3981
    @s.kputra3981 3 месяца назад

    amazing. Thankyou. I want to use your code and developing it. I hope you don't mind.

  • @RaniBattu-ue9fw
    @RaniBattu-ue9fw 3 месяца назад

    is anyone implemented in angular.

  • @shahbazferozofficial
    @shahbazferozofficial 3 месяца назад

    Highly Appreciated! God bless you brother.

  • @videogenix5510
    @videogenix5510 3 месяца назад

    why to delete data on click of edit instead of using patch?

  • @user-zv4xp2gd9h
    @user-zv4xp2gd9h 3 месяца назад

    Bhai use krna bahoot tuf nhi hai🫠

    • @programmer_rohan
      @programmer_rohan 3 месяца назад

      Kya?

    • @VIKASVERMA_21
      @VIKASVERMA_21 20 дней назад

      Bhai tumne dot net core ko angular se attach nahi Kiya to kam kaise karega frontend pe click krny per?? Plz program.cs m banai hoBhai Jo use crse m hogq to kuch karna hi hai vo usky Bina hoga nhi kyuki vo samjh hi nahi pa rha ki deta bhejna kaha h aur Lana kaha aur kaise hai.....

  • @freddydordoni9691
    @freddydordoni9691 3 месяца назад

    Is this available with English audio/subtitles?