This project consists of a Programmers portfolio. It includes an individual's work experience and a generic personal information.
It uses following tools and concepts:
Angular-CLI- version 9.1.12.Bootstrap 4- version 4.4.0.Font Awesome Icons- version 5.13.0 - It is used for using font awesome icons directly in angular app.SCSS- It uses custom theming by overriding bootstrap variables.- The website is designed to be
Responsiveusing bootstrap flex. To check responsiveness of website, open dev-tools in browser and try en-larging the dev-tools by dragging it (Make sure it is attached to the browser window).
-
Clone/download project -
https://github.com/Neptune-Ubicom/tr-assignment.git -
Go to downloaded folder & run
ng servefor a dev server. -
Open browser(Google Chrome preferred) to navigate to
http://localhost:4200/.
The project structure is as follows:
-
Entry/Bootstrap component:
AppComponent. -
The app consists of two main Components:
AboutandWork. It also includesNavbar & Footer. -
The above given components are subdivided as following:
About:Offer,EducationWork:Icon Stack,Experience,Work Timeline
-
When you hit the base url
http://localhost:4200/, it will initially loadAboutpage along withNavbarandFooter. -
When you click
Workon theNavbarit loadsWork Component. -
Clicking brand icons in the
Footerredirects to the base url -http://localhost:4200/. They are just for display purpose.