Inspiration
Red Cross spends plenty of time and resources each year to raise awareness on blood donation, and direct people to Blood Donation campaigns. This website helps them in their motive and lets us do our part for society. It uses fun interactive methods to encourage users to raise awareness and participate in campaigns to earn points and level up! Each level has its own perks and possibly swag to win.
What it does
It is a website that has a navigation bar that links to three different pages: home, your profile, and your rewards. In the home page, the user will be asked a question of the day. The profile page shows the total points a user has accumulated. Lastly, the rewards page displays a user’s progress of points.
How we built it
Our website begins with an authentication page designed using Firebase Authentication. The information received from the user is also stored in the Firebase Realtime Database along with information on scores and levels to be updated in real time. We implemented the crux of our project in 3 parts, the Home Page, the Profile Page and the Rewards Page. It incorporates HTML, CSS, JQuery and Bootstrap elements to put the web application together.
Challenges we ran into
The challenges we faced were mainly finding an optimal and secure method of authenticating and storing our data, since users would be entering personal information like phone numbers and zip codes which need to be kept secure. Furthermore, brainstorming creative challenges to captivate the audiences’ attention was definitely another obstacle we passed..
Accomplishments that we're proud of
Being able to operate in a team, being able to have a real-time database, and managing how work was divided among everyone.
What we learned
We learned about how to authenticate user credentials and store information in a realtime database. But, I also learned how to use jQuery.
What's next for RUDonate
Some of the ad-ons we want to include are Alexa api to make our website accessible and user-friendly for people. In addition, going forward, we want to be able to incorporate a way to donate money and allow users to buy Red Cross swag to increase more awareness about the Red Cross and donating blood.
Log in or sign up for Devpost to join the conversation.