Modern Portfolio Website in Angular 14 (2022) | Fully Responsive | Works on PC and Mobile

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 list of work experiences
Skills - Displays skills
All this will happen without refreshing web page.
If you Like the Video please Like, Share and Subscribe.
=================================================
TimeStamps -
00:00 - Overview of Website.
02:04 - Creating Responsive Directive
10:04 - Baner.
19:31 - Personal Information
24:50 - Education
29:23 - Work Experience
34:19 - Skills
38:12 - Projects
40:00 - Contact
44:46 - Education and WorkExp side by side
47:27 - Complete Website
Links===========================================
Source Code : drive.google.com/drive/folder...
Complete Login Form Playlist: • Complete Login Form (A...
How to make Expandable Side-Nav in Angular : • Header and Expandable ...
Employee Management System in Angular: • Angular 13 CRUD | Empl...
Home Expense Manager : • Angular 13 - Home Expe...
Typing-Test Website : • Let's Build a Typing T...
Dynamic Components: • How to Create Dynamic ...
E-Commerce Website : • Angular 14 E-Commerce ...
News Website : • Fully Responsive News ...
Tags===============================================
#programming, #programmingtutorials, #tutorials, #frontend, #backend,#angular, #angularecommerce, #ecommercewebsite, #modernwebsite, #angular13, #angular14, #angularproject, #angularwebsite, #frontend, #backend, #fullstackwebsite, #html, #css, #typescript
#analogclock, #htmlcssclock, #digitalclockinhtm

[@panawanfarm]

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

[@facundovillalobo5181]

Very very grateful Rohan. Its the video that I was waiting. Greetings from Argentina!

[@saketkumar7335]

did you understand hindi??

[@shashikantyadav4763]

Nice Tutorial Thanks!!

[@naziashahmin8509]

Thanks for the video.

[@struggleprogramming]

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

[@warz3089]

Grande zioooooo

[@marghuburrahmanansari4952]

Please make a video on dynamic breadcrumb in angular

[@punpompur]

Hi. I have a few questions.
1. How did you use the custom components in app component without appending 'app-' to them? For example you used instead of
2. Is it === operator that you used to compare in the if condition at 6:59? It looks very different.
3. Would it be possible to add a hamburger icon in the banner component with links to all the other components? I don't think routing was enabled while creating this project so it got me thinking whether such a feature would be possible.

[@AmitDas-hu3gr]

I have same questions

[@programmer_rohan]

Hi
1. In angular.json file there is one property called 'prefix' which will be default have "app", angular cli will use this prefix to generate component, so just remove it.
2. == Will check whether values of two operands are same or not. ("2" == 2 will be true)
=== Will check values and type is same or not. ("2" === 2 will be false since one is string and other is int.
3. Yes you can add hamburger icon

[@rishirex317]

Bro work experience is flowing out of page in pc mode?

[@manasracharya]

How to run this project in vs code??

[@adarsh_Dhulaj]

Create one project using microservices and communication between them using rabbitmq

[@anukrittiwari6711]

'grid-row: 1/3' these types of all the css elements used in project are not working for me. What can be the reason and fix?? Please reply!!

[@programmer_rohan]

Browser not supported

[@sakshighogare9721]

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.

[@programmer_rohan]

Make it responsive

[@Dev-Master7]

Bro code link ghalat Dala hai ap ny.. vo code e-commerce ka hai

[@honeyking7723]

Bahi ek insurance claim pe banaiye na plsss

[@rushikeshphutane5973]

Bro, your afford not waste we refer to your channel link.

[@olaosman7520]

why it is not in English

[@kashishverma901]

This can be made in angular 12?

[@PrudhviRoyals]

Bro it shows an error
After installing @angular/cdk

[@programmer_rohan]

What error?

[@omamachohan4177]

Sir kindly make tutorials on ReactJS 😇😇

[@programmer_rohan]

I don't know react. Never worked on it

[@BeardYatri]

Too much speed 🤔

[@sivahari3165]

Source code is directing to eco website project plz share in chat

[@programmer_rohan]

I have updated source code link please check

[@sivahari3165]

@@programmer_rohan tq bro

[@hafeezbadure736]

bro send me source code.

[@amanverma8300]

pls make a video of portfolio using angular and angular material

[@mahdiandalib186]

speak in english

[@itsyashh1308]

Great Work Brother 👍. Will you please add link of LinkedIn or instagram, need to discuss in Deep about responsive design.

[@PrudhviRoyals]

i installed 2angular/cdk
but it shows an error like this
Cannot find module '@angular/cdk/layout' or its corresponding type declarations.ts(2307)
Please solve this error

[@programmer_rohan]

Do this in cmd. Not powershell

[@sivahari3165]

Tried with Cmd also it's showing error in breakpoint observer

[@shitalkautker3004]

getting same error