Kellswork

export default function UserList({contacts}) {
  return (
    <div>
      {props.contactList.map((contact) => (
        <div className="card" key={contact.phonenumber}>
          <p className="card-name">{contact.name}</p>
          <p>{contact.email}</p>
          <p>{contact.phonenumber}</p>
        </div>
      ))}

Kellswork

import { useState } from "react";
import ContactForm from "./components/ContactForm.jsx";
import ContactList from "./components/ContactList.jsx";
import "./App.css";

function App() {
  // here we create an array state to store the contact form data
  const [contacts, updateContacts] = useState([]);

  const addContact = (contact) => {

Kellswork

import { useState } from "react";

export default function UserForm({addContact}) {
 
const handleSubmit = (event) => {
    event.preventDefault();

    addContact(contactInfo);

    setContactInfo({ name: "", email: "", phonenumber: "" });

Kellswork

import { useState } from "react";
import ContactForm from "./components/ContactForm.jsx";
import "./App.css";

function App() {
  // here we create an array state to store the contact form data
  const [contacts, updateContacts] = useState([]);

  const addContact = (contactInfo) => {
    updateContacts([...contacts, contactInfo]);

Kellswork

import { useState } from "react";

export default function UserForm() {

  const [contactInfo, setContactInfo] = useState({
    name: "",
    email: "",
    phonenumber: "",
  });

Kellswork

import ContactForm from "./components/ContactForm.jsx";
import "./App.css";

function App() {
  return (
    <div className="App">
      <UserForm />
    </div>
  );
}

Kellswork

export default function UserForm() {

  return (
    <div>
      <form>
        <div>
          <h3>Contact Form</h3>
        </div>
        <div>
          <input

Kellswork

/* Solution using Brute Force approach */

function maxProfit(prices) {
	// set maxProfit to zero, this helps for edge case that says return zero when no profit is made
    	let maxProfit = 0
		
	// we start the buying price at index 0 to get the prices[0]
    	for(let buyPrice = 0; buyPrice < prices.length; buy++) {
					
	// start sell price with buyPrice + 1 to make sure we aren't going back on the days