EthanBonsignori

{
	"meta": {
		"theme": "paper"
  },
  "basics": {
    "name": "Ethan Bonsignori",
    "label": "A fullstack web developer focusing on clean code and continuous learning.",
    "picture": "https://avatars3.githubusercontent.com/u/47482104?s=460&u=a8fbb1fe73832a210eaf92c72afef07cbd0b6154&v=4",
    "email": "ebonsignori@gmail.com",
    "phone": "(912) 507-3547",

EthanBonsignori

import { useCallback, useEffect, useRef, useState } from 'react';
import Modal from 'react-modal';
import ReactCrop from 'react-image-crop';
import 'react-image-crop/dist/ReactCrop.css';

// For accessibility (http://reactcommunity.org/react-modal/accessibility/)
Modal.setAppElement('#root');


function CropModal(props) {

EthanBonsignori

import React from 'react';

function App() {

  // Placeholder, will fetch url from Database when setup
  const profilePictureUrl = "https://placehold.it/200x200";

  const handleChange = (evt) => {
    const file = evt.target.files[0];

EthanBonsignori

import React, { useState } from 'react';
import CropModal from './CropModal';

function App() {
  const [isOpen, setIsOpen] = useState(false);
  const [imageBase64, setImageBase64] = useState(null);

  // Placeholder, will fetch url from Database when setup
  const profilePictureUrl = "https://placehold.it/200x200"

EthanBonsignori

import Modal from 'react-modal';

// For accessibility (http://reactcommunity.org/react-modal/accessibility/)
Modal.setAppElement('#root');

function CropModal(props) {
  const {
    isOpen,
    toggleModal,
    imageBase64,

EthanBonsignori

import React from 'react';

function App() {

  // Placeholder, will fetch url from Database when setup
  const profilePictureUrl = "https://placehold.it/200x200";

  const handleChange = (evt) => {
    const file = evt.target.files[0];
    console.log(file); // log file for now

EthanBonsignori

import React from 'react';
import ReactDOM from 'react-dom';
import './styles/index.css';
import App from './components/App';

ReactDOM.render(
  <App />,
  document.getElementById('root')
);