Inspiration

When choosing names for someone or a pet, it becomes tough because you don't want to give them a horrible name but can't think of one simultaneously.

What it does

The Random Name Generator, as you can tell by its name, gives you a name randomly after you input the gender of the person/pet and your first letter preference for that special someone/pet.

How we built it

Used HTML, CSS, and Javascript. Brainstormed on a google doc and finalized the idea to create a random name generator as it would refresh my knowledge on the frontend side. Used the basics of HTML, CSS, and Javascript - no frameworks or APIs were used.

Challenges we ran into

  1. Couldn’t read property of null when addEventListener was used on a variable that grabbed the generate button
  2. Had to repeat the same functions twice when the first letter selection was picked for either gender (this was caused because the variable “boy_names” was used for only the boys, and “girls_names” was used only for the girls. There should be a better way to solve this problem.

Accomplishments that we're proud of

  • Successfully copied and pasted and renamed "boy_names" to "girls_names" for each alphabet function
  • Refreshed my memory on Javascript
  • Learned how to filter through arrays (Needed to filter through arrays to pull out specific first letters from names)

What we learned

  • Learned how to filter through arrays
  • Learned how to use JS Math Object

What's next for Random Name Generator

  • Have a "Favorite name" feature to save all the names that the user likes

Built With

Share this project:

Updates