Aaron Stroud

Pro
@astroudAaron Stroud
Greater Seattle Area
435Points

WebDev. Tech & Communications Specialist. @econtalker fan. Older work: @cotni, @incsuccess

I'm currently learning...

React, Styled Components, Next.js, Express, Jest, headless WordPress + custom Gutenberg blocks, pages, and features.

Latest Solutions

  • Desktop design screenshot for the REST Countries API with color theme switcher coding challenge

    React Countries REST API + Styled Components

    • HTML
    • CSS
    • JS
    • API
    P
    Submitted

    In this initial release, I deviated from the design in a couple of ways:

    • I left out the DarkMode label. I think it looks better as a single icon.

    I still need to fix the blinding darkmode flash. It's annoying on the initial load, but it becomes downright infuriating when you rapidly navigate between border countries (while in darkmode).

    I'm planning to use this Josh Comeau post as a guide The Quest for the Perfect Dark Mode, but I'm going to need to overhaul my themes and darkmode to fix the flash. 💥

    Addressed:

    • I used flex box for the grid, so I couldn't get the cards to justify along the sides (justify-content: space-between) with a gap. Should I refactor using css grid? (Safari now supports gap with flexbox as of last month)
  • Desktop design screenshot for the Stats preview card component coding challenge
  • Desktop design screenshot for the Coding bootcamp testimonials slider coding challenge

    Coding bootcamp testimonials slider [React Component]

    • HTML
    • CSS
    • JS
    P
    Submitted

    I'm looking for feedback on my React code and anything else that stands out (good or bad).

    This is another refactored project. I submitted a HTML/CSS/JS solution last year.

  • Desktop design screenshot for the Profile card component coding challenge

    Profile Card React Component

    • HTML
    • CSS
    P
    Submitted

    I am revising my earlier html/css challenges using React and Styled Components.

    Even if you're not familiar with React, you can make sense of the CSS here because Styled Components uses regular CSS code.

    I am interested in any and all feedback. Specifically:

    • How's my component code look? (JSX, PropTypes, naming, etc)
    • Do I need to improve my CSS rules? I've used REM everywhere except the media query and when vw worked better.
    • What's your impression of my readme? Too long? Not detailed enough? I'd like it to be useful for FEM members thinking about moving from html/css to React.

    Thanks in advance! Aaron

  • Desktop design screenshot for the Pomodoro app coding challenge

    Pomodoro React App

    • HTML
    • CSS
    • JS
    P
    Submitted

    👋 I will be updating this app (refactoring state using Redux, writing more tests), so I am interested in any and all feedback!

    • The timer mode is controlled by a form containing three radio inputs. There's no submit button because the form is never meant to be submitted. What's the best approach to this accessibility issue?
    • Why is Firefox rendering my colors differently than Chrome/Safari?
    • Is there too much transition bling on the buttons?
  • Desktop design screenshot for the Testimonials grid section coding challenge

    Testimonials grid section

    • HTML
    • CSS
    P
    Submitted

Latest Comments

    • HTML
    • CSS
    • JS

    Pomodoro Timer | React | Redux | Styled Components | Sound Effects

    6
    P
    Aaron Stroud435 | Posted 2 months agocommented on Jen's "Pomodoro app" solution

    Nice job Jen. There are so many ways to solve this project. I'll be looking over your code to see how you used Redux. I think it would have solved me a lot of trouble with my solution.

    I don't recall how I styled the input arrows, but I do remember them giving me a lot of trouble. I just checked them again in Chrome/Firefox/Safari and there's still some room for improvement.

    For my sound effects, I used Garageband and Audio Hijack to record the sfx I was considering. It's tricky finding the right notes/instruments but the audio quality is excellent.

    2
    • HTML
    • CSS
    • JS

    Pomodoro App Challenge w/extra features!

    8
    P
    Aaron Stroud435 | Posted 6 months agocommented on Martin's "Pomodoro app" solution

    Nice work Martin! I'm still working on my solution. Started out as a pure js solution like yours, but now I've learned enough React to reimplement it as a React app.

    What was part did you find the most difficult? I stalled out at the circular progress bar. I think I'll be using this library to implement it.

    1