Secret Santa Generator

This project generates secret Santa people and emails each person to inform them of who they get.

Comment

Inspiration

It has been a long year and personally we are looking forwards to the holidays. It's difficult for friends to meet up because of Covid-19, but we wanted to still be able to do secret santa with friends, even if it's just something to look forward to. Furthermore, we know that a lot of charities have been working hard through covid and so we wanted to provide more information on charities. Thus, we created this website.

What it does

It is a website that you can use to pick Secret Santas for the group and it will email each person individually who they receive. We also have a charity page with information on charities if you're feeling extra giving.

How I built it

We used Javascript, HTML/CSS along with the React framework for web designing and used EmailJS to send emails. We also used react router to connect the different pages and react hook for our group form.

Challenges I ran into

It was our first time using both React and EmailJS and we ran into quite a bit of problems because we were unfamiliar with the syntax and the framework in general.

Accomplishments that I'm proud of

I'm proud that we overcame the difficulties we had ran into and succeeded in producing a website.

What I learned

We learned that sometimes we need to take a step back and take everything one step at a time. We learned that it's okay to run into problems as long as we be patient and try to find the cause of the problem. Setting achievable goals and communicating with each other is also important when working together.

What's next for Secret Santa Generator

We want to add a home button to go back to the main page and add a mailing address input for group formations so that even if they can't give the presents in person, they can mail it to them. We want to make a login page and store group info and pairings in a database so that people can come back and edit their groups easily and be able to send alerts when all emails have been successfully sent.

Built With

Share this project:

Updates