Inspiration
As members of PPMK, we realized that students are active in many clubs but most communication happens in scattered KakaoTalk or Telegram groups. Important announcements and event details often get lost. We wanted to create one simple hub where students can connect with all clubs, view announcements, and never miss an event.
What it does
We built PPMK Club Hub, a centralized web app where:
- Admins can post announcements and create events for their clubs.
- Members can join clubs, view announcements, RSVP to events, and access a shared calendar.
- A calendar page shows all events across all clubs in chronological order.
- Role-based login ensures security, so admins and members have different permissions.
How we built it
We built PPMK Club Hub using ChatAndBuild with React (Vite) for a clean, mobile-friendly UI. Authentication is handled with a simple email/password login and role-based access (admin vs member). Data (announcements, events, RSVPs) is stored in local storage for the demo to keep it lightweight.
Challenges we ran into
- Balancing simplicity with useful features — we had to avoid making it too complex for a hackathon timeline.
- Having the ChatAndBuild tool to build complicated app results in too many errors in the code.
- Time management: ensuring we had enough time to build, test, and prepare our presentation.
Accomplishments that we're proud of
With PPMK Club Hub, students now have:
- One-stop platform for all clubs — no more lost messages in chats.
- Better engagement and participation in events.
- A stronger sense of community and collaboration between clubs.
What we learned
- How to design and structure a multi-club system with role-based access.
- The importance of UI simplicity so students can quickly find what they need.
- How tools like ChatAndBuild can speed up prototyping and help us focus on user needs.
What's next for PPMK Club Hub
This project can easily be expanded in the future with features like resource sharing, polls, and QR event check-ins.
Built With
- chatandbuild
- javascript
- react
- tailwindcss
- vite
Log in or sign up for Devpost to join the conversation.