The CL•HUB

The CL•HUB helps students discover the right campus clubs without endless scrolling. You describe your interests in plain language, and we match you to clubs that fit your vibe!

Comment

Inspiration

Finding clubs that suit your interests and keeping track of their events is difficult, requiring visiting countless Instagram pages and websites. McGill’s club system is especially disorganized, with a heavily outdated website forcing clubs to advertise for themselves on other platforms. Many people have no idea when club meetings actually are or if they would fit in their schedule.

What it does

The CL•HUB consolidates this tedious process into an easy hub where all club descriptions and social links are in one place. Users looking for clubs can prompt the site with a description of their interests and personality and get a personalized club profile recommended to them using AI. Clubs can also easily add themselves to the database by signing up on the site.

How we built it

  • Next.js was used for both front end and back end implementation
  • Art: IbisPaintX
  • Database: MongoDB database stores information from scraped ssmu site
  • Gemini API interprets prompt into tags which are then matched with the clubs in the database
  • Tailwind CSS for front end appearances

Challenges we ran into

  • Making sure everyone’s devices had the correct software for the project and could connect to the database
  • Some members are still learning github and how to work on a collaborative project
  • Many of us were beginners with Next.js

Accomplishments that we're proud of

  • The design component of the website is well implemented and the UI is very user-friendly
  • The AI implementation and tag searching
  • The website is something we feel like we would all actually use in the future. It accomplishes its goal of decomplexifying the club searching process.

What we learned

For many of us, this was our first time working on a website and we learned a lot about trending frontend frameworks. This was our first time building a complete website with frontend, backend a database, and additionally an AI tool API. We were learning a lot during every step along the way.

What's next for The CL•HUB

  • Next features we hope to add include:
  • A calendar feature which allows users to see the meeting times for the clubs they’ve joined and events they’ve RSVP’d for. This could also be used to see if the club would fit in your schedule
  • Notifications for RSVP’d events
  • Analytics dashboard for clubs to gauge interest and facilitate planning events
  • Allow clubs to collaborate (plan joint events, etc.)
  • Smarter recommendations: refine the tag matching system to make it as accurate as possible

Built With

Share this project:

Updates