José Carneiro josecarneiro

## App.jsx
import { useState, useEffect } from 'react';
import { Routes, Route } from 'react-router-dom';
import CountryDetails from './components/CountryDetails';
import CountriesList from './components/CountriesList';
import Navbar from './components/Navbar';

// import countryListData from './countries.json';
import axios from 'axios';

function App() {

## lab-react-ironcontacts-proposed-solution.jsx
import { useState } from 'react';
import contactList from './contacts.json';

function App() {
  const [contacts, setContacts] = useState(contactList.slice(0, 5));

  const handleAddRandomContact = () => {
    const remainingContacts = contactList.filter((contact) => {
      return !contacts.includes(contact);
    });

## lab-intro-node-solution.js
class SortedList {
  constructor() {
    this.items = [];
    this.length = 0;
  }

  add(item) {
    this.items.push(item);
    this.items.sort((a, b) => a - b);
    this.length = this.items.length;

## lab-css-flexbox-slack-proposed-solution.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />

    <!-- link the font awesome CDN -->
    <link
      href="https://use.fontawesome.com/releases/v5.0.1/css/all.css"

## lab-functions-and-arrays-solution.js
// Iteration #1: Find the maximum
function maxOfTwoNumbers(a, b) {
  if (a > b) {
    return a;
  } else {
    return b;
  }
  // return a > b ? a : b;
  // return Math.max(a, b);
}

## unit-testing-guided-example-proposed-solution.js
function sum(a, b) {
  if (typeof a === 'undefined' && typeof b === 'undefined') {
    return 0;
  } else if (typeof b === 'undefined') {
    return a + 0;
  } else {
    return a + b;
  }
}

## ColorSquare.jsx
const ColorSquare = (props) => {
  return (
    <div
      style={{
        display: 'block',
        width: '2em',
        height: '2em',
        backgroundColor: `rgb(${props.r}, ${props.g}, ${props.b})`,
      }}
    ></div>

## App.jsx
import { useState, useEffect } from 'react';
import CountriesList from './components/CountriesList';
import Navbar from './components/Navbar';

import { Routes, Route } from 'react-router-dom';
import CountryDetails from './components/CountryDetails';

function App() {
  const [countries, setCountries] = useState([]);

## lab-react-ironnutrition-proposed-solution.js
import React, { useState } from 'react';

import foods from './foods.json';

const MealBox = (props) => {
  const [quantity, setQuantity] = useState(1);
  const meal = props.meal;

  const handleQuantityChange = (event) => {
    const { value } = event.target;

## lab-intro-node-solution.js
class SortedList {
  constructor() {
    this.items = [];
    this.length = 0;
  }

  add(item) {
    this.items.push(item);
    this.items.sort((a, b) => {
      if (a > b) {
	import { useState, useEffect } from 'react';
	import { Routes, Route } from 'react-router-dom';
	import CountryDetails from './components/CountryDetails';
	import CountriesList from './components/CountriesList';
	import Navbar from './components/Navbar';

	// import countryListData from './countries.json';
	import axios from 'axios';

	function App() {
	import { useState } from 'react';
	import contactList from './contacts.json';

	function App() {
	const [contacts, setContacts] = useState(contactList.slice(0, 5));

	const handleAddRandomContact = () => {
	const remainingContacts = contactList.filter((contact) => {
	return !contacts.includes(contact);
	});
	class SortedList {
	constructor() {
	this.items = [];
	this.length = 0;
	}

	add(item) {
	this.items.push(item);
	this.items.sort((a, b) => a - b);
	this.length = this.items.length;
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />

	<!-- link the font awesome CDN -->
	<link
	href="https://use.fontawesome.com/releases/v5.0.1/css/all.css"
	// Iteration #1: Find the maximum
	function maxOfTwoNumbers(a, b) {
	if (a > b) {
	return a;
	} else {
	return b;
	}
	// return a > b ? a : b;
	// return Math.max(a, b);
	}
	function sum(a, b) {
	if (typeof a === 'undefined' && typeof b === 'undefined') {
	return 0;
	} else if (typeof b === 'undefined') {
	return a + 0;
	} else {
	return a + b;
	}
	}
	const ColorSquare = (props) => {
	return (
	<div
	style={{
	display: 'block',
	width: '2em',
	height: '2em',
	backgroundColor: `rgb(${props.r}, ${props.g}, ${props.b})`,
	}}
	></div>
	import React, { useState } from 'react';

	import foods from './foods.json';

	const MealBox = (props) => {
	const [quantity, setQuantity] = useState(1);
	const meal = props.meal;

	const handleQuantityChange = (event) => {
	const { value } = event.target;