Chris Kavanagh chriskavanagh

Freelance Web-Developer located in Roanoke, VA. I've worked Django. Angular and React (and some PHP).

prof3ssorSt3v3 / Home.js

Created October 7, 2018 19:20

	import React, {Component} from 'react';
	import Header from './Header';

	export default class Home extends Component{

	constructor(){
	super();
	this.state={
	message: 'Welcome',
	age: 42,

prof3ssorSt3v3 / Kids.js

Created October 7, 2018 00:03

	import React, {Component} from 'react';
	import Header from './Header';

	import '../style/Kids.css';

	export default class Kids extends Component{
	// /kids/
	// /kids/:kid

	kidRoute = (ev) =>{

prof3ssorSt3v3 / doc-frag.html

Created October 6, 2018 15:11

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document Fragments</title>
	</head>
	<body>
	<div class="container">
	<main>
	<ul id="my-list">

prof3ssorSt3v3 / MessageList.js

Created October 5, 2018 01:22

	import React, {Component} from 'react';
	import Message from './Message';
	import '../styles/MessageList.css';

	export default class MessageList extends Component{

	constructor(){
	super();
	this.state = {
	messages: [

prof3ssorSt3v3 / Message.js

Created October 5, 2018 01:22

	import React, {Component} from 'react';
	import '../styles/Message.css';

	export default class Message extends Component{

	constructor(props){
	super(props);
	this.state = {
	id: props.msg.id,
	title: props.msg.title,

prof3ssorSt3v3 / App.js

Created September 23, 2018 02:15

	import React, { Component } from 'react';
	import logo from './logo.svg';
	import './App.css';
	import Story from './Story';
	import NavMenu from './NavMenu';

	class App extends Component {
	render() {
	return (
	<div className="App">

prof3ssorSt3v3 / NavLink.js

Created September 23, 2018 02:14

	import React, {Component} from 'react';
	import './NavLink.css';

	class NavLink extends Component{
	render(){
	return (
	<a href={this.props.info.url} className="main-link">{this.props.info.label}</a>
	)
	}
	}

prof3ssorSt3v3 / NavMenu.js

Created September 23, 2018 02:14

	import React, {Component} from 'react';
	import NavLink from './NavLink';
	import './NavLink.css';

	class NavMenu extends Component{

	render(){
	let links = [
	{label:"Home", url:"#home"},
	{label:"Products", url:"#products"},

prof3ssorSt3v3 / products.json

Created August 19, 2018 14:54

	[{
	"id":123,
	"title":"Bell",
	"desc":"Lorem ipsum dolor sit amet, consectetur adipisicing elit.",
	"img":"bell-lg.png",
	"price":12.34
	},{
	"id":456,
	"title":"Bullhorn",
	"desc":"Quisquam, veritatis, officia. Veritatis, saepe!",

prof3ssorSt3v3 / shopping.html

Last active December 7, 2022 16:15

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Shopping Cart</title>
	<meta name="viewport" content="width=device-width">
	<style>
	*{
	padding: 0;
	margin: 0;