Please don't print me.

Print my designer resume instead. Exit out and hit the link on the “About” page. Thank you for your interest.

Loving It!

Adrienne Warden

JavaScript Solutions

double_arrow Top

About JavaScript Solutions

In today's market, if you cannot build an App, you may not be a web designer. This is an addendum to my Portfolio. What started as a challenge (5 Javascript Projects) has become an obsession. And it's a good thing.

This is my second round building the 5 App challenge apps. There are 3 in this edition and they include upgrades from the 1st round. The last App in this collection is my (Family List App). I call it “my” because it's a personal creation. No, it is not rocket science. Nonetheless, it represents a huge step forward in my JavaScript studies. Enjoy!

Core Skills

  • Online Builders
  • HTML, CSS, JavaScript (intermediate)
  • Cross Browser/Responsive Design
  • Flexbox, CSS Grid, Bootstrap
  • HTML Semantics/Accessibility

App Projects

The Vowel App gave me a chance to work with patterns. You type, click submit and the app counts the number of vowels in the string.

Vowel Counter

Alt Key(s): alt v = vowel input

The Note Taking App upgrades are all under the hood. The code is much cleaner. Setting an attribute (setAttribute) was more efficient than creating an attribute (creatAttribute).

Note Taker App

Alt Key(s): alt t = note input

My first Memory Game was wonky. The game had UX issues; and then some. This round begins to tackles some of those issues. The page no longer reloads after closing the alert message. While the cards don't shuffle, there is a nice pop of color to indicate a match verses no match status.

Memory Game App

How To Play: Click on 1st Card. Click on 2nd Card. Move mouse away from card to see result.

help
android
help
anchor
help
flutter_dash
help
flutter_dash
help
android
help
anchor

This app is not part of the “5 Challenge Apps”. It is a certification project from Free Code Camp's Front End Libaries course. While this build does not fulfill the requirements for certification — yet, this build does, in fact, show quotes randomly. You will have to click the (new quote) button to see it in action.

Random Quote App

Click on New Quote button to change quote.

Quote

Quoter

Alt Key(s): alt t = new quote, alt q = tweet quote

Note: View Random Quote certification instructions.

The Family App is my own creation. I love family. Who doesn't? Which made it any choice as the subject of this app. Building the app from the ground up boosted my confidence in my ability to think like a developer. Lot's of array iteration going on up in here.

Family List App

How It Works: (1) Enter a first name. Choose a relationship and click on the "add member" button. Add as many names as you like. Once you've entered all the names, (2) click on "generate list" button. (3) Use the "my family relations" drop-down menu to see family relations.

Alt Key(s): alt n ‐ first name, alt r ‐ my relations

My Family

Contact AEW

I'd loved to hear from you.

How Can I Help?

alt m = first name input

Type text exactly to submit.
Type the above text exactly.

Never submit passwords through Google Forms.