Inspiration
What happens when astrology lovers are given a space-themed prompt for a hackathon? Obviously a compatibility checker! We've always been huge fans of apps such as Co-Star, which calculate your birth chart and check your compatibility with your followers. So, we decided-- why not create our own H@B spin on this concept!
What it does
Astromatch allows users to sign up and fill out their birth chart information in order to find their "perfect" romantic or platonic matches. According to astrologists, if your Venus sign is the same as another person's Rising sign (also called their Ascendant), then you are both an extremely compatible match. We were hoping to spread some pre-Valentine's day cheer by creating a quirky and fun site.
How we built it
To get started, we used a next js project template and hooked up our application to a MongoDB collection —this is where we store user data and birth charts. On the frontend, we used React and Tailwind CSS to implement our Figma design and user flow.
Challenges we ran into
At first we wanted to calculate users' birth charts using an API, however, we ran into complications standardizing time zones and converting latitude and longitude. So to guarantee that our matches were accurate we chose to have users calculate their chart outside of our application.
Accomplishments that we're proud of
We're proud we got the backend and frontend connected properly, and that we were able to implement our Figma in a short amount of time.
What we learned
Calculating birth charts is hard!
What's next for AstroMatch
Adding a profile flow where users can add a picture and maybe even a bio.
Log in or sign up for Devpost to join the conversation.