Here Are Some Things

Recipe Book

A screenshot of[object Object].

I built this recipe book app shortly after I received my full-stack job offer so I could practice some of the technology I'd be using. I built it fairly quickly, so I went with a Bootstrap design and focused mainly on the back-end. I learned:

  • How to work with the Serverless Framework to deploy an API through AWS.
  • How to query and mutate data from a DynamoDB table.
  • How to write resolvers and build a GraphQL schema.
  • How to use Apollo Server
  • That I prefer functional React components over class-based.
  • That I enjoy back-end work as well!

View project:

This Site

A screenshot of[object Object].

I wanted to build a clean, fast, modern personal portfolio site that felt familiar, but still unique. To accomplish this, I used Gatsby which made navigation incredibly quick and built a layout componenet to keep the overall style of the site consistent across pages. I also wanted to showcase my love for nature across the site by using pictures of me outside in some of my favorite places. I learned:

  • How to work with Gatsby including creating layout components and using Links.
  • How to use the setInterval() function to run the function that picks physical and personality characteristics and displays them on the site's homepage.
  • How to deploy to Netlify.

View project:

Pack

A screenshot of[object Object].

Pack was my first React project. I camp a lot and am constantly consulting a note in my phone to make sure I packed everything for my trips. So, instead of making a classic to-do list project, I decided to make a camping packing list. I also wanted to be able to see the weather where I was going, so I hooked it up to WeatherBit's API. I learned:

  • How to set up and work within a local development environment (I use VS Code.)
  • How to work with Git and GitHub, setting up remotes via SSH, and deploying to GitHub Pages.
  • Mobile breakpoints and how to test on multiple screen sizes to ensure a consistently nice user experience.
  • I really enjoy working with SASS.
  • Project organization (folders, class/id names, etc.)
  • How to connect to an external API and manipulate JSON data.

View project:

Pug Latin

A screenshot of[object Object].

The idea for Pug Latin was based on FreeCodeCamp's Pig Latin Translator project in their JavaScript course. I wanted to build something different than just another Pig Latin Translator, so Pug Latin happened. I learned:

  • How HTML, CSS, and JS all work together to create a user experience.
  • How to trigger a function by interacting with the UI (clicking the button, passing through the text.)
  • That there are so many different ways to build something, which is both exciting and daunting.

View project: