Source Code(demo only)

Technologies Used

• Angular 7
  • TypeScript
  • JSON
  • Node.js
• HTML5
• CSS3
• jQuery
• Bootstrap

Overview

In the Rutgers DCIM Capstone class, we were asked to make a portfoilo page with certain requirements showcasing all the projects we have made in the DCIM Minor. Although we were allowed to use template sites like Wordpress and Wix, I wanted to push my HTML, CSS and jQuery knowledge at the time. The first version of the project met the requirements for the class and much more. Later, I continued to learn other technologies that helped me achieve the current version.

Development server

• Run ng serve for a dev server. Navigate to http://localhost:4200/.
• The app will automatically reload if you change any of the source files.

Code scaffolding

• Run ng generate component component-name to generate a new component.
• You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

• Run ng build to build the project.
• The build artifacts will be stored in the dist/ directory.
• Use the --prod flag for a production build.

Color Wheel

New Theme

• Darkest: #2F3E4A
• Dark: #485E70
• normal: #59748A
• Light: #607E96
• Lightest: #89B3D6

/* Color Theme Swatches in Hex */
.Darkest { color: #2F3E4A; }
.Dark { color: #89B3D6; }
.normal { color: #58738A; }
.Light { color: #607E96; }
.Lightest { color: #485E70; }

/* Color Theme Swatches in RGBA */
.Darkest { color: rgba(47, 62, 74, 1); }
.Dark { color: rgba(137, 179, 214, 1); }
.normal { color: rgba(88, 115, 138, 1); }
.Light { color: rgba(96, 126, 150, 1); }
.Lightest { color: rgba(72, 94, 112, 1); }