• eleni.works || eleni.codes || eleniarvanitis.com || somethingElse
• grab an email with it as well [email protected], etc.

performance - css: fix structure of importing css to reduce the amount of rules that get ignored (which are always the proper rules anyway)

best practices/pwa: no https route for Google doc/recaptcha (not sure which one of the two is problematic) on /contact

• 'header' --> call to action
• form
• • name
• • email
• • message
• • recaptcha
• • submit

because font size is listed as too small for Lighthouse's SEO audit report

Eleni Arvanitis - Engineer. SomethingElse. SomethingMore

performance: perhaps place google fonts in index.html as async for added speed

make it a baller README!

• on / have the image skewed to the left
• on /about have the image skewed to the right
• for each project (maybe?)

current behavior:
if a project is selected, to select a new project required 2 clicks instead of 1 (first click closes current open project, second click opens the new project)

wanted behavior:
when one project is clicked, if another is also clicked the previous project will close, and the new project will open

performance: split chunks for bundle via webpack

• onChange prop required
• Connect validation to submit button on form
• Send res to Google recaptcha with secretKey
• get new secretKey
• have all state changes go into a Google doc

• [x] project photo
• project name (over photo)
• list all technologies used
• include links to GitHub repo/code, any deployed links
• descriptions (my role if group project)

• when a project is clicked, the clicked project transitions to the top, while the other ones scroll to the bottom

• photo of me
• Eleni Arvanitis is {} in New York, NY
  ** maybe doesn't need the location here
• create a 'carousel' of phrases that switch over the photo
• make the words that switch an accent color
• a short blurb about me
• a call to action to contact me ex: say hi (onClick: leads to contact page || directs to pre-populated email)

• make recaptcha.js
• setup API/secret keys, etc.
• hook it up to form on /contact

• navbar
• footer

They're currently stacked up weirdly on top of each other and not always centered

currently the whole horizontal space from div start to end is clickable (vertical height = size of the button)

• onSubmit eventually sets state to empty strings (refreshes the page)
• Have inputs connect to database (hooking up to the google doc instead)
• Connect all form inputs to submit button
• Make input validations turn red only after moving on from something/not putting in correct info

• articles
• projects
• form submissions (partial as well)

best practices: use rel="noopener" on /work and /articles

• have any submissions to form lead to an email notification with message to me (instead of only populating the Google doc)
• send a message to the user on the client that the form was submitted instead of refreshing
  • have to handle recaptcha timeout properly

performance: add bundle, logo, and Google fonts to PWA cache

When clicking the NavLink button from /about to /work, /work renders at mid-page instead of at the top of the page

• link to medium stories
• photo
• title
• posted date
• short description

• react entypo icons for GitHub, LinkedIn, Twitter, Email, Medium
• copyright and my name (maybe make this a formal copyright)

• personal logo (also leads to home)
• about
• work/projects
• contact
• articles
• link to GRD? (add this later)

• my resume (button click to pdf load)
• list of projects
• add photos for each project (on hover, takes up whole page background)

Cloud Firestore is Firebase's new flagship database for mobile app development. It improves on the successes of the Realtime Database with a new, more intuitive data model. Cloud Firestore also features richer, faster queries and scales better than the Realtime Database.

Offline support available for both mobile and web as well.

• remove arrow css
• remove text above animated arrow
• place a photo here related to contacting

use my initials
maybe have my name on either side of the initials
gold/white

pwa: on /work fix the viewport size (it's currently set at 618px but should be 412px)

• basically a place to briefly tell the viewer who I am and show some of my resume

• blurb of who I am
• photo of me (background image skewed to right)
• areas of expertise
• awards & recognition
• recommendations (possibly move this to projects view) (move this to /)