Community Platform

Completed

AI Community Chandigarh

Community platform hub for AI/ML enthusiasts, developers, and researchers in Chandigarh.

August - October 2024• Team: Multiple Developers• Role: Full Stack Dev

About this Project

AI Community Chandigarh is the central hub for the Artificial Intelligence and Machine Learning community in Chandigarh. The platform connects professionals, students, and researchers through event management, team directories, and integrated social media channels. Built with Next.js and deployed on Vercel, it serves as a dynamic platform for collaboration, learning, and networking in the AI/ML space.

Tech Stack

Next.js 14

React

TypeScript/JavaScript

Tailwind CSS

PostCSS

Vercel Deployment

Tools Used

npm

Node.js

VS Code

Vercel

GitHub

Key Features

Community Hub

▸Event Management: Upcoming workshops, meetups, conferences, and webinars.
▸Event Calendar: Interactive calendar for event discovery and RSVP management.
▸Team Directory: Browse community members, leaders, and contributors.
▸Member Profiles: Detailed profiles with expertise, social links, and contributions.

Social Integration

▸YouTube Channel: Subscribe for tutorials, talks, and community content.
▸Instagram Feed: Follow for community highlights and event updates.
▸LinkedIn Connection: Professional networking and job opportunities.
▸Twitter/X Updates: Real-time announcements and AI/ML news.
▸Centralized Links: Single dashboard for all social platform access.

Content & Resources

▸Community About: Mission, vision, and community values information.
▸Event Details: Comprehensive event descriptions with speakers and agenda.
▸News & Updates: Latest developments in AI/ML field and community achievements.
▸Resource Library: Learning materials, documentation, and research links.

Technical Features

▸Server-Side Rendering: Next.js SSR for fast page loads and SEO optimization.
▸Dynamic Content Loading: Real-time event and member data updates.
▸Responsive Design: Mobile-first approach for all devices and screen sizes.
▸Global CDN: Vercel deployment for worldwide fast access.
▸API Integration: Connected to YouTube, Instagram, LinkedIn, and Twitter APIs.

Highlights

Community Event Management

Team Directory System

Social Media Integration

Real-time Event Updates

Installation

Clone Repository

git clone https://github.com/AIChandigarh/ai-community-chandigarh-website.git
cd ai-community-chandigarh-website

Install Dependencies

npm install
# or
pnpm install

Configure Environment

cp .env.example .env.local
# Add API keys for YouTube, Instagram, LinkedIn, Twitter

Run Development Server

npm run dev
# Visit http://localhost:3000

Deploy to Vercel

npm install -g vercel
vercel

Challenges & Solutions

Challenge

Multi-API Integration

Solution

Created unified API layer abstracting YouTube, Instagram, LinkedIn, and Twitter endpoints for consistency.

Challenge

Event Calendar Management

Solution

Implemented dynamic event system with real-time updates and notification system for member engagement.

Challenge

Social Media Feed Performance

Solution

Implemented caching strategy and ISR for social feeds to reduce API calls and improve load times.

Challenge

Community Scalability

Solution

Designed modular component structure allowing easy addition of new features and community sections.

Cover Letter Generator

Students API