Name a Boss Baby

"Struggling for a baby name? Try our baby name generator for inspiration!"

Comment

Inspiration

"Name a Boss Baby "is a Website for naming a new Born's in a family . Actually this idea strike in my mind when in our family last week (17-07-2021) a new baby boy of my eldre brother comes in this world ,we all were to joyous to pick a name for him. and I was scrolling for the upcoming hackathons on MLH Website ,from that day two questions are in my mind 1) What to make for the #HappyBirthdayMLH and 2) What name can we give to a new born baby in a family. So for the answer for second question I started searching on the Google ,but it was too tough task as lots of list is there and its become too bulky for me to select a fancy one. As time passes This Hackathon stars and at live "Opening Ceremony" of HappyBirthdayMLH the idea strikes in my mind why not to make a WebApplication by using some Javascript and jQuery logics to name my cute Nephew. And yes this was only the Inspirational story behind making this Website.

What it does

tagline :- "Still unsure on a name for your little one? Whether you’re looking to narrow down your choices or want some fresh inspiration, why not use our baby name generator to get some new ideas?" How it works :- Simply select whether you want results for boy or girl and press ‘find a name’. You can then learn more about the origin and meaning of the given name. And if you want to name your child by merging the Mom and Dad name you can simply do it by entering the name of baby's Mom and Dad. and you will find a lots of fancy name for your baby.

How we built it

As a beginner to Web Developer, I viewed and Researched on the required Libraries of JavaScript and Bootstrap for making the websites Responsive. With my trusty Visual Studio Code, I created files that included AJAX, JavaScript, HTML/CSS, bootstrap, and jQuery.

Challenges we ran into

Before this hackathon, I had NEVER worked on JavaScript , bootstrap, and had minimal experience in jQuery. Fun fact: I spent more than an hours in downloading and selecting the Images and gif. Bootstrap was a problem due to the limited colors option; however, I found how to make an array of colors and use them for my bootstrap buttons. Styling for bootstrap was also a problem since the buttons were in my JavaScript files, and I was confused about how to implement the style tag. Each step ultimately had its own problems, but I pushed through and finished a fully-functional Website which efficiently provides a name for a new born using their parents name.

Accomplishments that we're proud of

I am Proud of the logic that I Implemented for generating the name using the name of Father and Mother. I did this all by myself (even the gifs considering my lack of artistic ability)! I will quite never say this enough - I absolutely love my fully functional Website Which is working perfectly. It's not a project that I create in a hackathon and never gone to use again, I can use it forever (or when I expand and create an updated version in the long run).

What we learned

I have learned how to make a responsive Web pages, and I also learned that how bootstrap can make our work so easier with respect to CSS in making Responsive Webpages and definitely My JavaScript proficiency also improved in this Hackathon.

What's next for Name a Boss Baby

In future I would like to add a filter option by which users can filter out the different categories selection. And looking to work more on its UI/UX.

Share this project:

Updates