Loading repository data…
Loading repository data…
Vaibhav-Reddy560 / repository
Easy Club is a web workspace designed to automate formal documentation, run a cost-free design engine, and power a city-wide organization discovery network. It completely eliminates the administrative chaos of running a club—from drafting permission letters to chasing down event posters—using a zero-cost architecture. This is the first iteration.
Easy Club is a robust, full-stack operational platform engineered specifically for student organizations, technical chapters, and university clubs. Moving away from scattered spreadsheets and disconnected messaging apps, it serves as a centralized command center for all organizational activities.
From orchestrating large-scale hackathons and technical summits to managing internal recruitment pipelines, tracking financial sponsorships, and generating AI-assisted promotional assets, Easy Club integrates everything into one premium, distraction-free environment designed to reduce administrative overhead and improve team efficiency.
easy-club/
├── app/ Next.js App Router
│ ├── api/ Serverless API routes (AI & integrations)
│ └── */page.tsx Frontend application views and routes
├── components/ React UI component library
│ ├── features/ Domain-specific complex features
│ ├── layout/ Structural components (Navbars, Sidebars)
│ ├── providers/ Context and Theme Providers
│ └── views/ Standalone full-page component views
├── lib/ Application logic and backend services
│ ├── context/ React Context state managers
│ ├── services/ Firebase, Supabase, and AI API wrappers
│ └── utils/ Helper functions, validations, and types
├── hooks/ Custom React Hooks
└── public/ Static assets and fonts
Easy Club is built utilizing modern web technologies to ensure optimal performance, scalability, and responsive design across all devices.
| Technology | Purpose | Description |
|---|---|---|
| Next.js 15 | Core Framework | Utilizes the App Router for full-stack React 19 architecture, SSR, and API routing. |
| Tailwind CSS | Interface & Styling | Utility-first CSS framework combined with native CSS enhancements for deep custom design. |
| Framer Motion | Animation Engine | Drives fluid, hardware-accelerated transitions and interactive micro-animations. |
| Firebase | Database & Auth | Firestore and Firebase Auth for real-time data synchronization and secure role-based access. |
| Lucide React | UI Components | Consistent, scalable SVG iconography used universally across the dashboard. |
| AI APIs | Generative AI | Native integrations with OpenAI, Gemini, and HuggingFace for natural language processing and asset generation. |
Maintain a secure organizational hierarchy with granular access control. Assign permissions for System Administrators, Senior Core, Junior Core, and General Members, and monitor activity via the Watchtower dashboard.
Track upcoming, postponed, and completed events. Assign domain-specific objectives (Management, Design, Content, Social) to members and log critical discussions and meeting minutes tied directly to specific projects.
An AI-assisted canvas for generating professional promotional assets. Features an AI Vibe Director (color palettes, typography) and supports exporting artboards for A3 Posters, Instagram, Standees, and Certificates.
Manage event registrations automatically with Google Forms synchronization and QR check-ins (Content Workspace). Leverage an AI Invitation Engine to draft professional outreach emails and volunteer briefings (Social Workspace).
Overcome creative blocks with a sophisticated ideation engine. Generate trending, highly engaging event concepts and automatically draft comprehensive event pitches, titles, and preliminary operational reports.
A dedicated networking environment to initiate joint ventures with other clubs. Plan shared events, establish secure communication pipelines, and seamlessly draft Memorandum of Understandings (MOUs).
Administer your end-to-end talent acquisition process. Configure automated evaluations, track applicant progression, evaluate candidate skills via the Talent Matrix, and conduct internal core committee voting.
A specialized Kanban-style Customer Relationship Management (CRM) board for financial tracking. Monitor sponsor pipelines (Prospecting → Closed), track tiers, and validate the fulfillment of corporate deliverables.
git clone https://github.com/Vaibhav-Reddy560/Easy-Club.git
cd Easy-Club
Ensure that you are running Node.js version 18 or higher.
npm install
Create a .env.local file in the root directory. Populate it with your Firebase credentials and any required third-party API keys.
# Firebase Configuration
NEXT_PUBLIC_FIREBASE_API_KEY=your_firebase_api_key
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_firebase_auth_domain
NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_firebase_project_id
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_firebase_storage_bucket
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your_firebase_sender_id
NEXT_PUBLIC_FIREBASE_APP_ID=your_firebase_app_id
# AI & External Services (Example)
OPENAI_API_KEY=your_openai_api_key
GEMINI_API_KEY=your_gemini_api_key
RESEND_API_KEY=your_resend_api_key
Start the Next.js development server:
npm run dev
Navigate to http://localhost:3000 in your web browser to access the application.
The user interface of Easy Club is engineered to provide a sophisticated, distraction-free environment. By utilizing a strictly curated dark mode palette (centered around #0a0a0a), subtle glassmorphism techniques, and strategic highlight accents, the platform ensures that administrative tasks are visually clear and structurally intuitive. Responsive micro-interactions are integrated universally to provide immediate, tactile feedback, ensuring the application feels responsive and professional on both desktop and mobile devices.