Gift It Forward - Turn Celebrations into Impact

Inspiration

Many times during birthdays, weddings, or other celebrations, people receive gifts they don’t really need or end up getting the same things again. At the same time, many people and causes need help. This inspired me to create a way where celebrations can be used to do something meaningful instead of just exchanging gifts.

What it does

Gift It Forward allows a person to create a donation link for a special occasion. Instead of asking for gifts, they can share the link with friends and family and ask them to donate to a cause they care about. The donations are made directly on trusted NGO websites.

How I built it

I built the website using HTML, JavaScript, and Tailwind CSS. The site lets users enter their name, choose an occasion, and select a cause. It then generates a shareable link that can be sent to others. The project is fully frontend-based and simple to use.

Challenges I ran into

One challenge was keeping the website simple while still clearly explaining the idea. I also had to make sure the donation process felt safe and transparent since donations happen on external NGO websites. Designing a clean and user-friendly layout was another challenge.

Accomplishments that I'm proud of

I am proud that I created a working website with a clear social purpose. The idea can be used in real life and encourages people to give back. I am also proud of the clean design and the smooth flow from creating a link to sharing it.

What I learned

I learned how to turn a real-life problem into a digital solution. I also learned more about frontend development, handling user input, and generating dynamic links. Most importantly, I learned that small ideas can create meaningful impact when used in the right way.

What's next for Gift It Forward – Turn Celebrations into Impact

In the future, I want to add more NGOs, including local charities. I would also like to allow users to customize their pages further and possibly add features like donation tracking or personal messages.

Built With

• chatgpt
• css
• html5
• javascript