I decided to run through the Web Cave theme files and spruce a few things up. ADA Compliance Improvements I realized the images in the project posts and grid loop were missing alt text. They’re using WordPress’s the_post_thumbnail() function to render, which should cover the programmatic end. I just hadn’t added any alt text to […]
Read MoreThe Obligatory To-Do App is a simple React project that I whipped up to test out Vite. Objectives The most popular React scaffold, create-react-app, is no longer being maintained, so work needed to find an alternative for spinning up smaller SEO-agnostic React builds. The to-do app is one of the most basic coding projects so […]
Read MoreThe Obligatory To-Do App is exactly what it is. It’s a foundational project for testing new languages and frameworks. This one uses local browser storage only. Installation Run: npm install Then: npm run dev Usage Type a thing to do in the text area, then click the Add Item button to place the item in […]
Read MoreI re-built my Game Picker 9000 project in Next.js 13. The new routing system is very appealing, but as of right now the deployment documentation leaves something to be desired. Will need to investigate that further if I’m going to dip into headless WordPress. Features: Split original markup into components Converted vanilla JavaScript listeners to […]
Read MoreThe Game Picker Next is a re-build of my original Game Picker 9000, this time using Next.js. With create-react-app being depreciated, I made the recommended switch to create-next-app, and jumped right into the new app router that was just added in Next.js 13. Usage Just like the Game Picker 9000, Game Picker Next takes in […]
Read MoreI re-built my Responsive Web Portfolio project in react for practice. It went pretty smoothly and provided a good opportunity to practice some essential react concepts. React Features Employed: Split project out into nested components Converted vanilla JS event listeners to state Used effect hook to listen for user scrolling action Discovered react-router-hash-link package that […]
Read MoreThis is a re-branded copy of my Responsive Web Portfolio project built in React. I thought it would make good practice just to take a simple web page I was already familiar with and convert it. Turned out to be a perfect introductory-scale project. Routing and React Router Hash Link Even though there’s only one […]
Read MoreIt’s been a while since I updated my personal portfolio, so I figured I’d update the project version too. The aim was to get the code cleaner and more maintainable, and to do a fresh round of auditing for google and accessibility. I also made some aesthetic changes to create some variation in the design […]
Read MoreI added a React Lightbox Gallery to the projects archive. It is my first attempt at an independent React project. Lightbox Gallery Features Landing page with welcome text. Presentation page with image gallery and categorized navigation. Images expand to a detail view when clicked. The initial setup for this React project is minimally featured due to a […]
Read MoreThe React Lightbox Gallery is a simple lightbox app for displaying multiple images. It’s my first foray into the React JavaScript framework. React Lightbox Gallery Concept I needed to come up with a fun PowerPoint presentation for happy hour at work but decided to build an app instead. I’d recently built a marketing tool for […]
Read More