HackMatch

HackMatch is a tinder-style web app that connects developers with complementary skills. Frontend, backend, or full stack—find your ideal match, build projects, and grow your network effortlessly!

Comment

Inspiration

Building a team for a collaborative project as a developer can be one of the most exciting and challenging parts of the experience, but finding the right teammates can be a struggle. We wanted to solve this by creating a platform that makes it easy and fun for developers to find partners with complementary skills. Inspired by the simplicity and popularity of apps like Tinder, HackMatch brings that familiar experience to developers, making team formation intuitive and enjoyable. By matching developers based on their skills, goals, and interests, HackMatch simplifies the process of finding collaborators who can help bring ideas to life.

What it does

HackMatch connects front-end developers, back-end + full stack developers, and vice versa. Users can browse profiles based on skills, goals, and interests, selecting complementary teammates to build balanced teams efficiently. They can also view recent GitHub contributions and LinkedIn profiles of their matches.

How we built it

We built HackMatch using HTML, CSS, and JavaScript for the front-end interface, creating a user-friendly experience for navigating profiles. Data storage was handled with JSON, allowing us to store user information and match preferences effectively. This foundational stack allowed us to focus on creating an intuitive design and clear profile structure, ensuring users can navigate easily through potential matches.

Challenges we ran into

Using the GitHub API to fetch users' recent contributions and profile pictures was initially challenging, especially since none of us had prior experience with using the GitHub API.

Accomplishments that we're proud of

With three out of four team members being first-time hackers, we're incredibly proud to have completed this project in just 11.5 hours!

What we learned

We learned how to build basic web application using HTML, CSS, JavaScript, how to store data using JSON, and how to work with the GitHub API. This was also our first time using GitHub as a team to collaborate on a technical project.

What's next for HackMatch

In the future, we plan to add a true swipe feature, like Tinder, and fully implement the 'Chat Now' option so users can start conversations with matches instantly. Currently, we have a 'Chat Now' button, but it’s not fully functional yet. We also plan to use Firebase to deploy our project in the future.

Share this project:

Updates