My name is Jonathan Hammond. I'm a Support Analyst taking a Full Stack Developer coding bootcamp out of the University of New Hampshire, with six months experience as a Junior Web Developer.
Below, you will find a Tab component with links to my three best projects. You are invited to visit my Easy Recipeazy, JavaScript Password Generator and Coding Quiz creations. If you would like to speak further, I have provided all of my contact information as well. Cheers!
This was a group project focused on user ingredient selection for a nice meal or alcoholic beverage. Users click buttons to generate random meal/drink pairs, or individual meal and drink buttons. Then things get interesting!
Users can filter by ingredient. Every ingredient option generates from positively resolved Promise
objects, which are stored and given one of 3 possible attributes. Users can select one or more ingredients to increase the likelihood of finding a meal/drink with that item, or they can click again to 'dislike' an ingredient, so that it filters out items with that ingredient.
Finally, below the cards are tabs (similar to the ones you see here holding Projects 1, 2, and 3). Each tab contains either an ingredient or recipe for the meal and drink you are looking for.
Tools and Technologies Used:
This homework was my first venture into array methods such as push
and join
. I was able to learn a lot about writing functions that manipulated the DOM. I finished this assignment with time to spare, so I built a dark mode toggle, which was a great learning experience.
Users are able to select a character range between 8 and 128 characters. They are then able to select characters they would like to randomly show in their generator, such as lowercase or uppercase letters, numbers, and special characters. Once users check one or more character type boxes, they can generate a password. Clicking this button will also automatically copy the password to a user's clipboard.
If users click generate before selecting a character type, a modal will appear prompting users to select one or more character types.
Tools and Technologies Used:
This homework introduced me to setTimeout
, where I learned a lot about how pages look underneath the hood. User's times go up or down depending on if they get questions right or wrong. At the end of the game, remaining time becomes a user's high score. Users are prompted to enter their initials, and validation will prompt them to re-enter information if they do not.
One challenge was keeping the quiz all to a single page. I did this by creating HTML within the JavaScript and emptying element .innerHTML
across various functions. I stored questions within arrays, looped over their items and stored them into buttons, which was my favorite part of the code.
This was my first time using localStorage
. It took a lot of googling to figure out how to get items from the local storage object and store them into an empty array. Now that I've learned how to set and get items however, I look forward to using this functionality in future projects.
Tools and Technologies Used: