-
-
HacktheMap landing page
-
Find in-person hackathons in your local area, meet hackers!
-
View in real-time updates about the hackathons in infoboxes
-
Responsive and mobile-friendly view of HacktheMap
-
Contact us if you have any questions or business inquiries!
Inspiration
Our team was initially brought together by one common interest: a Hackathon! Hackathons are competitive programming events where people can build innovative projects and network with like-minded individuals.
In other words, it is the perfect place to find hackers from the local community.
However, many of us have a hard time in finding them, especially in-person hackathons, and usually miss out on registration. Sure, there are plenty of hackathon websites but without the right tool, hackers unfortunately miss out on these amazing events just because they are not aware that they are ongoing!
In the spirit of friendship and bringing hackers together, we created HacktheMap.
HacktheMap provides an intuitive interface with 2 simple goals:
- Help individuals find the in-person hackathons happening at their local areas
- Unite hackers from all corners of the world and hopefully see amazing friendships sprout and thrive!
What it does
HacktheMap is a web app that aims to help users find hackathons near them. When the user goes to the website, they will be taken to the homepage. They can click the Explore button in the homepage, in which they will be taken to the interactive map that has active hackathons. The user can looks through the in-person hackathons and sign up for the ones they are interested in. Furthermore, the user can contact the admin via the Contact Us page as well as read about the goals.
How we built it
- UI Design: Figma
- Frontend: HTML, CSS, Javascript
- Backend: Flask(with Python)
- Styling: Tailwind CSS
Best Domain Name from Domiain.com
- hackthemap.tech
Challenges we ran into
- Coming up with a feasible idea that can be implemented
- Due to the difference in the time zone it was a bit difficult to collaborate with other developers in the team but we managed to get the project done in time.
- Creating a visually aesthetic UI
- Completing the project under the given time frame.
Accomplishments that we're proud of
- Some of the hackers on our team were beginners, so they were able to learn a lot while contributing to the project
- Implementing our idea into a functional prototype, and also making the Google API work using Geocode to convert locations into their longitude and latitude coordinates for mapping.
- Finishing the project under the given time frame
What we learned
- Building a full-stack application
- Collaboration with other developers
What's next for HacktheMap
- Add more features to the application:
1. FETCH api endpoint:
-> One of our teammates used Parserhub application to fetch the json data from the MLH hackathon website. Although this was fairly intuitive and easy, it was still a manual task. With more time, we believe we can automate this task with a script so that data will be fetched once a day, providing the most accurate and reliable data for our clients!
(UPDATE: please refer to the latest updated post below in the comments section addressing this feature.)
2. A secret bonus goal of HacktheMap: we want an in-person hackthon to happen in every city in the world. A feature we want to implement in the future is to make a HacktheMap Milestone page where it displays all the hackathons that had ever been hosted in-person on a map by marking them with red dots. The ultimate goal? Cover the entire globe with red dots. - Hosting the web application. Working on the deployment of the application do that it is publicly available for everyone.
- Building a responsive, mobile alternative to HacktheMap. This will widen our audience and be more user friendly!
Log in or sign up for Devpost to join the conversation.