Natalie C natafaye

126 followers · 1 following

https://www.codingmadeclear.com/

View GitHub Profile

Recently created

Least recently created

Recently updated

Least recently updated

natafaye / week2.css

Created August 11, 2021 00:18


	body {
	background-color: #fafafa;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	margin: 0;
	padding: 0;
	}

	p {
	font-family: Arial, Helvetica, sans-serif;

natafaye / asking-questions.js

Created August 13, 2021 02:56

	function getAnswer(question) {
	const answer = prompt(question);
	return answer;
	}

	function start() {
	let name = getAnswer("What is your name?")
	alert("Hello " + name)

	name = getAnswer("What is your name?")

natafaye / arrays-of-objects.js

Created August 20, 2021 03:07

	let animals = [
	{
	type: "cat",
	name: "Floof",
	votes: 0
	},
	{
	type: "dog",
	name: "Spot",
	votes: 0

natafaye / real-world-code.js

Last active August 20, 2021 15:22

	export default function Note() { // creating a function
	const match = useRouteMatch(); // calling a function and saving it in a variable
	const { noteId } = useParams();
	const note = useSelector(state => state.notes.find(n => n.id === noteId)); // calling a function with a parameter

	return ( // returning something from a function
	<div className="container mt-3">
	{ (!note) ? <Redirect to="/notfound"/> :
	<Switch>
	<Route path={`${match.path}/edit`}>

natafaye / accepted-answers-prompt.js

Created August 27, 2021 03:16


	/**
	* A prompt that asks a question and only allows certain answers, case insensitive
	*/
	class AcceptedAnswersPrompt {
	constructor(question, acceptedAnswers) {
	this.question = question;
	this.acceptedAnswers = acceptedAnswers;
	}

natafaye / QuestionPrompt.js

Created September 3, 2021 02:39

	/**
	* A prompt that asks a question and only allows certain answers, case insensitive
	*/
	class QuestionPrompt {
	constructor(question, acceptedAnswers) {
	this.question = question;
	this.acceptedAnswers = acceptedAnswers;
	}

	getAcceptedAnswer(potentialAnswer) {

natafaye / dishes.js

Created September 8, 2021 01:19


	// Call the render function when the page loads in using the jquery ready function
	$(function() {
	renderDishList();
	})

	function createDish() {
	// grab the stuff from the form and use that to create a new object
	const dish = {
	title: $("#title-input").val(),

natafaye / App.js

Created September 15, 2021 00:46

	import React, { Component } from 'react'
	import PostList from './components/PostList'

	export default class App extends Component {

	render() {
	return (
	<div>
	This text is in App.js
	<PostList/>

natafaye / week2.css

Created September 17, 2021 02:43


	body {
	margin: 0;
	background-color: #fafafa;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	}

	button {
	border: 0;
	padding: 15px;

natafaye / target-practice-flexbox.html

Created September 23, 2021 01:41

	<!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>Target Practice: Flexbox</title>
	<link rel="stylesheet" href="target-practice-flexbox.css">
	</head>
	<body>