Building Rotaract 3080: A District-Wide Community Portal.
How I modernized the digital presence of Rotaract District 3080, replacing scattered spreadsheets and fragmented communication with a centralized Next.js platform.
Client
Rotaract District 3080
Timeline
Jun 2024 - Jul 2024
Role
Full Stack Developer
Status
Live
Context
The Organization
Rotaract District 3080 is a massive network of youth-led community service clubs. They require a cohesive system to track events, manage club chapters, and streamline multi-club communication.
The Problem
Previously, information was siloed across WhatsApp groups, Google Sheets, and social media. Finding event details, reaching out to club presidents, or viewing district updates was chaotic and unscalable.
The Solution
A centralized web platform that serves as the single source of truth for the district. It includes robust event management, a club finder directory, council listings, and document archives.
The Idea
“Community service scales better when communication is seamless and centralized.”
The Origin
I stepped in to provide a digital infrastructure that the district genuinely needed. The goal was to build a site that was not just a static brochure, but a living tool for Rotaractors.
Core Assumptions
- → A fast, responsive web app would improve event attendance.
- → A database-backed club directory would simplify networking.
- → Using Next.js and Prisma would allow for rapid iteration and scalable maintenance.
Build Process
Core Architecture & Directory
The initial month (June 2024) was dedicated to establishing the data models in Prisma and building the core navigational structure. I implemented the Club Finder, Council directory, and contact forms. The focus was on making information accessible.
model Club {
id String @id @default(cuid())
name String
charterDate DateTime
president String
contact String
events Event[]
createdAt DateTime @default(now())
}Database Design
Modeled the relationship between the District, Clubs, and Events securely in MongoDB via Prisma.
Event Management & Media
By July 2024, the focus shifted to dynamic content. I built an event management system allowing the district to post upcoming initiatives and galleries. Integrated UploadThing to handle seamless image uploads for event banners and newsletters.
Media Handling
Leveraged UploadThing to bypass complex S3 setups, enabling direct and fast image uploads from the admin interface.
Performance
Utilized Next.js Image optimization to ensure that media-heavy event pages load instantly on mobile.
Validation & Reality
Upon launch, the platform successfully centralized district operations. Members now use the portal to find event schedules and contact club leadership directly.
“Having all our clubs and events in one place has completely changed how we coordinate at the district level.”
What Worked
- • Centralized Club Directory
- • Fast Event Listings
- • Reliable Image Uploads via UploadThing
What Didn't
- • Initial admin onboarding is manual
- • As Data grew, Data fetching has become slower
Challenges
Data Aggregation
Collecting and standardizing data from dozens of individual clubs to populate the initial database was a massive logistical challenge.
Admin Accessibility
Creating a backend interface that non-technical members could use to post events and newsletters without breaking the site layout.
Outcome & Key Learnings
The Current State
The platform is fully operational, actively hosting new events, newsletters, and updated club directories for the ongoing Rotaract year.
Key Learnings
- 01 Schema design is critical when modeling organizational hierarchies.
- 02 UploadThing significantly speeds up media-heavy MVP development.
- 03 Always design for a mobile-first audience in community platforms.
Next Steps
- / Implement user authentication for member-only sections.
- / Develop an automated newsletter dispatch system.
- / Enhance event RSVP functionality.
Maintenance
Current Phase
District Members
Active Rotaractors