Skip to content

Instantly share code, notes, and snippets.

View latimeks's full-sized avatar
🙏
Compile. Please?

Caleb Latimer latimeks

🙏
Compile. Please?
  • RevSpring
  • Ann Arbor, Michigan
View GitHub Profile
@latimeks
latimeks / App.js
Created June 25, 2018 15:09
Mcdonalds menu crawl gist
import React, { Component } from 'react';
import './App.css';
import axios from 'axios'
import MenuCombo from './menucombo'
const heading = "Enter a price cap here for recommendations"
class App extends Component {
constructor(props){

1. Clone your fork:

git clone git@github.com:YOUR-USERNAME/YOUR-FORKED-REPO.git

2. Add remote from original repository in your forked repository:

cd into/cloned/fork-repo
git remote add upstream git://github.com/ORIGINAL-DEV-USERNAME/REPO-YOU-FORKED-FROM.git
git fetch upstream
<div class="container">
<div class="row">
<div class="col-xs-12">
<ol>
<li>Create two new Components (manually or with CLI): WarningAlert and SuccessAlert</li>
<li>Output them beneath each other in the AppComponent</li>
<li>Output a warning or success message in the Components</li>
<li>Style the Components appropriately (maybe some red/ green text?)</li>
</ol>
<p>Use external or internal templates and styles!</p>
@latimeks
latimeks / app.module.ts
Created July 23, 2018 16:43
App2 - Databinding
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import {MatInputModule} from '@angular/material/input';
import {MatButtonModule} from '@angular/material/button';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {MatCardModule} from '@angular/material/card';
import { AppComponent } from './app.component';
@latimeks
latimeks / app.component.css
Created July 24, 2018 17:03
App3 - Directives
.special-event {
color: white;
padding: 3px;
margin: 5px;
}
@latimeks
latimeks / app.component.css
Created November 4, 2019 17:44
App 7: Reactive Forms
.container {
margin-top: 30px;
}
.header{
text-decoration: underline;
margin-bottom: 30px;
}
.errorBlock{