In January, I enrolled in the Scrimba Frontend Development bootcamp and career path. I chose this program because it offers a well-structured class format, mentorship opportunities, expert code reviews for my Solo Projects, and the chance to connect with like-minded peers. Additionally, I started sharing my coding journey by building in public on LinkedIn. This site showcases some of my best video walk-thrus for those projects and experiments.
This was a great exercise in manipulating user input data, converting it to an array of objects, and then rendering and manipulating that data. I also added some UX enhancements to direct users if they enter an invalid entry: blank inputs, duplicate tasks, and entering tasks without a price.
Darth Vader Quote Generator
I love movies. I especially love science fiction movies. When I was a kid, I wanted to be Luke Skywalker. When I grew up a little, I dreamed of working for Industrial Light and Magic creating special effects for movies. With this first attempt at CSS art,I can be a small part of that magic.
For the group project I’m working on, I made a clickable star rating using HTML, CSS, and vanilla JS. I also started studying how to make the usage of icons more accessible.
Flex-Wrap Image Grid
Flex-wrap and flex-basis/grow/shrink and the flex shorthand property were all new to me. When I saw how to use these properties to make a flexbox image grid, I had to try it immediately! So, I made this little spring image gallery.
March Madness Challenge
I learned more about HTML number inputs, and UX / accessibility is enhanced by CSS pseudo-classes :hover, :focus, and :active. I was able to refactor the JS get to get rid of some repetitive lines and make it DRYer. I also presented this project in a bootcamp session to get more comfortable talking about code.
Settlers of Catan Scorekeeper
I’m satisfied with this layout and color palette, and I added some :hovers here and there to highlight the buttons. It is nicely responsive between desktop and mobile.I completed a small dropdown menu in JS to hide the scoring rules because I want this to be as compact as possible on different screen sizes.
January 2023 – present
Portfolio Evolution Walk-Thru