CharitAble

• 

  Create a fundraiser

• 

  Dashboard

• 

  HomePage

Inspiration

Currently we are facing a global pandemic and there are many situations where due to financial crisis, supplies do not meet. Charitable helps raise funding for situation concerning no less than medical, educational and other causes.

What it does

It helps raise funding for any minor to major reason.

How we built it

For frontend we used Kendo React and Tailwindcss for handling some responsiveness. For backend we used node.js with fastify framework, which is most fastest in terms of performance.

Challenges we ran into

1. We were trying to use Skeletons in Kendo react but though mentioned in docs, the class was not in package "@progress/kendo-react-indicators": "^4.5.0"
2. A minor issue we dealt with was Upload while we managed to gracefully upload files using kendo's upload its uploading progress was stuck at 0 and showed a status of Uploading after file was uploaded. We managed to do it using vanilla js document query selector.

Accomplishments that we're proud of

We accomplished to create a complete application with creating, updating, cards, list, filter.

What we learned

We had never worked with localization and got to know about Intl.NumberFormat which was never heard of either.

What's next for Charitable

Still there's a room for lot of improvement. We can add:

1. Share charity link on social platforms such as Whatsapp, facebook etc.
2. Add more payments options.
3. Anonymous Donors.
4. Show list of donators and implement a way so we can show out social connections who have donated.
5. If want to make revenue, we can add a tip system on donations.
6. Chat Support. And still many other things..

Built With

• amazon-web-services
• cra
• fastify
• node.js
• react