Altruistic Agent

✨Inspiration✨

BATMAN. Besides being the world’s greatest detective, he does everything he can to make the world a better place. Batman runs multiple charitable organizations as Bruce Wayne and becomes a hero saving countless lives in Gotham City. We created a web-app that helps YOU be like batman.

⚙️What it does⚙️

The web-app is essentially a mission directory for special agents like you, who want to become just like Batman. These missions are carefully selected to benefit society. An agent receives a message on the homepage after logging in. The agent can choose to view the mission directory, which takes him to a new page in our application. Over there, clicking a button generates a mission, which the agent has to complete. Some of our missions are — Donate Blood, Volunteer at a Soup Kitchen, Plant a Tree etc. The resources tab includes a list of organizations that would help the agent on their way along with a map.

🏗How we built it🏗

We used TailwindCSS, VanillaJS and HTML to build the application. The Unsplash API lets us show images of our missions.
We also did full justice to tools like Google Cloud, Linode and GoDaddy provided by Major League Hacking this weekend. Here’s how we used them:

🟡Use of Google Cloud - https://high-acre-325503.web.app/ 🟡

We built Altruistic Agent's authentication system with Google Cloud's Firebase. We chose this because we wanted to make an application that was VERY VERY SECURE — something Batman himself would use.
We learned how robust & fast Google Cloud services are and seeing that Firebase had a free plan that was great for us student hackers, using Google Cloud was kind of a no-brainer.
Additionally, Firebase Authentication provided a backend service, easy-to-use SDKs, and ready-made UI libraries, and the ability to authenticate using passwords, phone numbers, Google, Facebook and Twitter, and the like. Thus, implementation was easy and we are pretty sure we made it incredibly convenient for our users while keeping it secure.
The site is also hosted on Firebase (google cloud).
We used Google Maps API for the map component in our hack.

🟢Use of Linode Cloud🟢

We tried to utilize Linode for its hosting and data storage through Cloudaways. Linode is one of the top IaaS providers and is incredibly easy to use. Besides, we had a great experience using Linode twice previously, and the free Linode credit from MLH for us to learn and build on Linode was the cherry on the cake! Linode is fast, flexible, and reliable, and we truly enjoyed using it, and we can say that Linode truly took our hack to the next level.

🚧Challenges we ran into🚧

Unsplash API kept giving us irrelevant images: We fixed this by changing our keywords.
Our site looked dull and boring: We fixed it by using Tailwind CSS Framework and Tailwind UI

🏆Accomplishments that we're proud of🏆

Having completed a project this weekend with new hackers among us.

📚What we learned📚

We learned a lot about Firebase and Linode: we went through their neat documentation and we were glad to be able to use their services in our hackathon project.
We learned the importance of collaboration.
This was Samar’s first of hackathons and he learnt a lot of HTML, CSS and JS this weekend.