huddl.

Landing Page
Home Page
Account Page
Groups Page
Group Main Page
Adding a Hangout
Adding an activity

Inspiration

huddl. was inspired by many instances of our friend group struggling to plan out hangouts due to various problems — somebody lived too far away, somebody was always busy, somebody was always broke, the list goes on and on. As a result, we wanted to create something that could make it easier to bring people together and touch grass :)

What it does

huddl. allows users to form "groups" where they can organize hangouts based on attributes of members in said groups. Group members can add details such as their budget (how much they're willing to spend), they can suggest types of activities to do, or specific locations/areas they want to visit. Hangouts can be planned in advance for a set day, or can be planned out to save for later.

How we built it

huddl. was built using Django as a backend, and React.js with Ant Design for certain components.

Challenges we ran into

Hosting the backend and frontend servers on separate domains made integrating our API quite challenging. There were restrictions for CORS and CSRF tokens that Django's typical libraries didn't work as intended on, as well as difficulties in setting cookies for no apparent reason. Since this was the first time many of us worked on a project of this scale, we lost a lot of time to these issues.

Accomplishments that we're proud of

We're very proud of our frontend, specifically the landing page and the sidebar, as we spent a lot of time on those. Along with that, we are proud of our API, and how it works well with our frontend.

What we learned

It was our first time doing frontend for many of us, so we learned how to work with React.js, and all of the components in Ant Design. Along with this, it was our first time integrating with an API, so we spent a lot of time debugging it and learning about the security procedures in place when communicating with a network.