When thinking of giving back to the world, we often come across mental roadblocks that inhibit our eagerness to do so. One of the main ones is the feeling that the money we can donate would not be enough for anyone. While this may be true for people the same country as you, it most probably is not for people from different parts of the globe.

While websites like GoFundMe enable donations between individuals, they fail to effectively do so for international transactions. We help people understand the impact they can make on people in different countries by letting them know about facts relating to the average costs of things in those countries.

We give back to people control over the way their donations are spent and the impact they make around the world.

What it does

We take users all across the world and separate them into different categories based on if they want to receive help or if they want to donate to people in need. The people that want to receive help will list their country of residence and they will state why they need the money. Doing so, the donator can easily see what his money is going towards and to whom. The donor has full freedom of donating to whoever he wishes to donate to.

The main goal of this project is to make people realize that a small amount for them is a substantial amount in several other countries and it could definitely help someone in a huge way. This way, people that want to donate due to their goodness of heart, but cannot donate much will still be able to make a significant impact in the world by helping out someone in need.

How we built it

We built DonateIt using HTML, CSS, Javascript, Jquery and SCSS.

Challenges we ran into

We had a lot of (the usual) problems with CSS alignment. We wanted to play with animations and since it was our first time using animations on a website we had to teach ourselves about SCSS, keyframes and the animation property. Although we got stuck at some parts with implementing our own smooth animations we were able to figure it out by researching and talking it over among ourselves.

Accomplishments that we're proud of

We are proud to say that we have a presentable website with working functionality that has a front page that shows some of the people that could use your help, we have a sign-up page that will be used for donors or requesters alike and we also have a dashboard for users once they sign in. Doing so, they will be able to access the entire user list and be able to sort them according to their preferences or region. We have separate profile pages for all registered requesters where they have their short summary as to why they need the money. Our ‘heart’ of this project also is on this page where the donator will be able to see real statistics as to how much they will be able to impact the individual’s life by seeing statistics like how much amount of money will be able to last the people in that country for an entire week and so on. We also have a payments page where the donator can enter his billing information.

What we learned

We learned how to create and use cool animations on a website. We learned what SCSS is and how it can improve the look & feel of a static website. We also learned how to use keyframes.

What's next for DonateIt

We plan to build DonateIt into a widely used personal charity site where people can control their impact, their causes and the way they change people’s lives -- with no middle men or money mishandling. We want DonateIt to be the go to for people to take control of their charity. So, we plan to polish the website, figure out the transaction details that come with DonateIt abd expand it into its own business.

Built With

Share this project: