Skip to content

Instantly share code, notes, and snippets.

View natafaye's full-sized avatar

Natalie C natafaye

126 followers · 1 following
View GitHub Profile
@natafaye
natafaye / week3.css
Created March 2, 2022 02:35
.bg-slate {
background-color: #4F5D61;
}
@natafaye
natafaye / array-methods.js
Created February 24, 2022 04:58
const emailList = [
{
id: 234,
author: {
firstName: "Natalie",
lastName: "Childs"
},
to: "Calvin",
message: "Heyyyy",
read: false,
@natafaye
natafaye / CategoryFilter.js
Created February 23, 2022 20:49
import React from 'react'
export default function CategoryFilter() {
return (
<div style={{ border: "1px solid black", padding: "15px", margin: "15px" }}>
<h3>CategoryFilter Component</h3>
<button>Tell TransactionFilters I'm Set</button>
<button>Tell TransactionFilters I'm Cleared</button>
</div>
)
@natafaye
natafaye / compress.js
Created February 23, 2022 02:55
// https://www.codewars.com/kata/59de469cfc3c492da80000c5/train/javascript
function compress(sentence) {
// Get all the words lower case in an array
const words = sentence.split(" ").map(word => word.toLowerCase());
// Get rid of all the duplicates
const uniqueWords = words.filter( (word, index) => words.indexOf(word) === index );
// Make a string of the position of each word in the non-duplicates array
return words.map(word => uniqueWords.indexOf(word)).join("");
}
@natafaye
natafaye / week2.css
Created February 23, 2022 02:53
body {
margin: 0;
background-color: #fafafa;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.button {
border: 0;
padding: 15px;
background-color: lightgray;
@natafaye
natafaye / CategoryTransactionsNumber.js
Created February 22, 2022 21:05
import React from 'react';
import { PropTypes } from 'prop-types';
import { useSelector } from 'react-redux';
/**
* Shows a category name and the number of transactions in that category
* Expects to go inside a <ul> with the class "list-group"
*
* @component
* @example
@natafaye
natafaye / week3.js
Created February 17, 2022 04:47
// Racing
function startRiggedRace(riggedWinner, riggedLoser) {
var racers = [riggedWinner];
// Other ways we could add the rigged Winner
//racers.splice(0, 0, riggedWinner);
//racers.unshift(riggedWinner);
//racers.push(riggedWinner);
@natafaye
natafaye / count-sum-version-2.js
Created February 16, 2022 02:47
// Here's another solution I made previously using some fancy reduce stuff to make me look cool
// https://www.codewars.com/kata/576bb71bbbcf0951d5000044/train/javascript
function countPositivesSumNegatives(input) {
if(!input || input.length === 0) return [];
return input.reduce(
(result, num) => (num > 0) ? [++result[0], result[1]] : [result[0], result[1] + num],
[0, 0]
)
}
@natafaye
natafaye / week1.html
Created February 16, 2022 02:37
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<nav>
@natafaye
natafaye / week2.html
Created February 10, 2022 04:57
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script src="week2.js"></script>