Skip to content

Instantly share code, notes, and snippets.

View CalisaP's full-sized avatar

C.P. CalisaP

1 follower · 0 following
View GitHub Profile
@CalisaP
CalisaP / fcc-d3-bar-chart.markdown
Last active January 9, 2020 13:25
fCC D3 Bar Chart
@CalisaP
CalisaP / index.html
Created November 4, 2019 16:03
Pomodoro Clock
<head>
</head>
<body>
<div id="app"/>
</body>
@CalisaP
CalisaP / index.html
Created November 4, 2019 15:57
Sound Machine
<head>
<link rel="stylesheet" href="https://bootswatch.com/4/sketchy/bootstrap.css">
</head>
<body>
<div id="app"/>
</body>
@CalisaP
CalisaP / fcc-javascript-calculator.markdown
Created September 4, 2019 00:13
fCC JavaScript Calculator
@CalisaP
CalisaP / fcc-drum-machine.markdown
Created August 19, 2019 00:32
fCC Drum Machine
@CalisaP
CalisaP / index.html
Created August 12, 2019 00:10
Random Quote Generator (FCC: Test Suite Template)
<head>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<title>Random Quote Generator</title>
</head>
<body>
<div id="heading">
<h1 id="heading-text">Random Quote Generator</h1>
</div>
<div id="app"></div>
@CalisaP
CalisaP / fcc-markdown-previewer.markdown
Created August 12, 2019 00:09
fCC Markdown Previewer
@CalisaP
CalisaP / redux_counter.js
Created July 28, 2019 02:34
fCC: Redux: Write a Counter with Redux
const INCREMENT = "INCREMENT"; // define a constant for increment action types
const DECREMENT = "DECREMENT"; // define a constant for decrement action types
const counterReducer = (state = 0, action) => {
switch (action.type){
case INCREMENT:
return state + 1
case DECREMENT:
return state - 1
@CalisaP
CalisaP / react_counter.js
Last active September 10, 2019 16:46
fCC: React: Write a Simple Counter
class Counter extends React.Component {
constructor(props) {
super(props);
{/*Declares state property; component is initialized with this state*/}
this.state = {
count: 0
};
// change code below this line
{/*Binds this to new methods*/}
this.increment = this.increment.bind(this);
@CalisaP
CalisaP / react_component.jsx
Created July 17, 2019 01:46
fCC: React: Write a React Component from Scratch
{/*Defines the class as an extension of React.Component*/}
class MyComponent extends React.Component{
constructor(prop){
super(prop);
}
render(){
return(
<div>
<h1>My First React Component!</h1>
</div>