Charlie Greenman CharlieGreenman

🦘

razroo.com | Code Hive Mind

Software Architect. Active Top 10 Github Contributor. Work smarter, not harder. Smart like a fox.

CharlieGreenman / Uninstall Node.js on Mac

Created June 16, 2016 04:28

sudo rm -rf /usr/local/{lib/node{,/.npm,_modules},bin,share/man}/{npm*,node*,man1/node*}

CharlieGreenman / list-of-architecture-articles.txt

Last active July 4, 2016 18:04

Articles relating to front end architecture

	Self Documenting Javascript
	https://www.sitepoint.com/self-documenting-javascript/

CharlieGreenman / front-end-build.txt

Created July 4, 2016 18:10

What constitutes a complete front end build system?

	A good front end build system can consist of various different things.
	However, I think it can be agreed upon that at it’s core, there are important core features.

	1. Run time
	2. Tree shaking
	3. Hot reloading
	4. Minification
	5. Compilation Time
	6. Introduction of new module to core build system
	7. Package management

CharlieGreenman / gist:35407e07bdf8771289e0e9469705aecc

Last active November 16, 2018 16:51

Data access

CharlieGreenman / gist:cab57a5a22c22508d43809de806b0bfd

Created November 13, 2018 21:57

Find and replace text using bash

	# On mac:

	git grep -l 'original_text' \| xargs sed -i '' -e 's/original_text/new_text/g'



	# On linux

	git grep -l 'original_text' \| xargs sed -i 's/original_text/new_text/g'

CharlieGreenman / gist:7ee85c5c340c20757434f86297ab828f

Last active March 31, 2019 16:44

Data Access Directory Structure

CharlieGreenman / app.module.ts

Created June 13, 2019 23:54

Example of an Angular router.

	import { NgModule } from '@angular/core';
	import { RouterModule } from '@angular/router';
	import { AppComponent } from './app.component';

	@NgModule({
	imports: [
	RouterModule.forRoot( [
	{
	path: '',
	component: AppComponent

CharlieGreenman / gist:199e4265187e616a5c012513058e3c46

Last active July 9, 2019 14:09

Angular Material Color Generator

	export function getColorObject(value, name) {
	var c = tinycolor(value);
	return {
	name: name,
	hex: c.toHexString(),
	darkContrast: c.isLight()
	};
	}

	export function calculateMaterialPalette(hex) {

CharlieGreenman / _themes.scss

Created July 12, 2019 13:25

mat-green Color Map

CharlieGreenman / _themes.scss

Created July 12, 2019 13:52

Angular Material Sass Light Theme Function

	@function mat-light-theme($primary, $accent, $warn: mat-palette($mat-red)) {
	@return (
	primary: $primary,
	accent: $accent,
	warn: $warn,
	is-dark: false,
	foreground: $mat-light-theme-foreground,
	background: $mat-light-theme-background,
	);
	}