Inspiration

In most colleges, organizing club events involves confusing paperwork, delayed approvals, and poor communication between students and faculty. As active members of various clubs, we experienced these inefficiencies firsthand. This inspired us to build a centralized platform that simplifies and streamlines the entire event management process from proposal to approval.

What it does

ClubNest is an all-in-one dashboard for managing college club events. It allows club representatives to submit detailed event proposals, which mentors and the Dean can review and approve or reject. The platform features room availability checks, automated email notifications, a basic chatbot assistant for FAQs, and a scheduling interface to streamline communication. It ensures all stakeholders stay informed and organized.

How we built it

We built ClubNest using React for the front-end and deployed it using GitHub Pages. The design was made responsive and clean using Tailwind CSS, and all UI components were structured using modular React components. The chatbot was implemented using basic conditional logic, and team collaboration was managed through GitHub for version control and planning.

Challenges we ran into

We faced challenges in managing component state effectively, especially with form validation and managing proposal workflows. Time constraints also made it difficult to implement features like real-time calendar syncing or authentication. Since our team included beginners, aligning on folder structure and deployment strategy took some trial and error.

Accomplishments that we're proud of

We successfully created a functional prototype that allows event proposals, approval workflows, and automated notifications all within the limited time frame. We delivered a functional, visually appealing prototype that showcases the entire event management lifecycle in one place. Despite limited time and varying experience levels, we managed to design a solid UI/UX, and deployed our app publicly.

What we learned

We gained practical experience with React, component-based design, and using Tailwind CSS for layout and styling. We also learned how to host static React apps on GitHub Pages, work with Git and GitHub effectively, and collaborate as a team across different skill levels. Most importantly, we learned how to build and ship something meaningful in a short time.

What's next for ClubNest

We plan to integrate user authentication for role-based access, implement real-time room booking using APIs like Google Calendar, and migrate data handling to Firebase for scalability. We also aim to enhance the chatbot using an LLM API, refine the mobile UI, and release a Flutter-based mobile app. Ultimately, we want to open-source ClubNest so it can be adapted by other institutions.

Built With

  • css
  • react
  • responsive-ui)-state-management:-react-hooks-(usestate
  • tailwind
Share this project:

Updates