RMG Community Hub is a modern, full-stack web application designed specifically for the Bangladesh Ready-Made Garments industry. It provides a comprehensive platform for connecting factories, workers, buyers, and suppliers while addressing critical industry challenges through transparency and community-driven solutions.
Production URL: https://rmgconnect.vercel.app
- Comprehensive database of RMG organizations
- Advanced search and filtering capabilities
- Organization profiles with verification status
- Contact information and business details
- Job postings from verified organizations
- Application tracking system
- Employment type filtering (Full-time, Part-time, Contract)
- Location-based job search
- Industry insights and best practices
- Community discussions and forums
- Resource sharing and collaboration
- Expert knowledge base
- Report suspicious activities and organizations
- Community-driven verification system
- Safety compliance tracking
- Industry watchdog functionality
- Member directory with verification badges
- Activity feed and community updates
- Discussion forums and knowledge sharing
- Event calendar for industry meetings
- Next.js 15 - React framework with App Router
- TypeScript - Type-safe development
- Tailwind CSS v4 - Modern utility-first CSS framework
- shadcn/ui - High-quality component library
- Lucide Icons - Beautiful, customizable icons
- Framer Motion - Smooth animations and transitions
- Next.js API Routes - Serverless API endpoints
- Prisma ORM - Type-safe database access
- PostgreSQL - Robust relational database
- NextAuth.js v5 - Authentication and authorization
- Vercel - Serverless deployment platform
- GitHub - Version control and CI/CD
- Environment Variables - Secure configuration management
RMGConnect/
├── app/ # Next.js App Router
│ ├── api/ # API routes
│ │ ├── auth/ # Authentication endpoints
│ │ ├── organizations/ # Organization management
│ │ ├── jobs/ # Job board API
│ │ ├── posts/ # Knowledge hub API
│ │ └── reports/ # Fraud alert API
│ ├── auth/ # Authentication pages
│ ├── dashboard/ # User dashboard
│ ├── directory/ # Organization directory
│ ├── jobs/ # Job board
│ ├── knowledge/ # Knowledge hub
│ ├── fraud/ # Fraud alert system
│ └── community/ # Community features
├── components/ # Reusable React components
├── lib/ # Utility functions and configurations
├── prisma/ # Database schema and migrations
├── types/ # TypeScript type definitions
└── public/ # Static assets
- Node.js 18+ and npm/yarn
- PostgreSQL database
- Vercel account (for deployment)
# Clone the repository
git clone https://github.com/fatalmonk/rmgconnect.git
cd rmgconnect
# Install dependencies
npm install
# Set up environment variables
cp .env.example .env.local
# Edit .env.local with your configuration
# Set up the database
npx prisma generate
npx prisma db push
# Run the development server
npm run dev
Visit http://localhost:3000 to see the application.
- Manage organization profile
- Post job openings
- Access fraud reporting
- View industry insights
- Browse job opportunities
- Apply to positions
- Access knowledge hub
- Participate in community discussions
- Search verified organizations
- Access supplier directory
- View compliance reports
- Connect with manufacturers
- Browse public information
- Access knowledge hub
- View job listings
- Register for full access
POST /api/auth/register # User registration
POST /api/auth/signin # User login
POST /api/auth/signout # User logout
GET /api/organizations # List organizations
POST /api/organizations # Create organization
GET /api/organizations/[id] # Get organization details
PUT /api/organizations/[id] # Update organization
DELETE /api/organizations/[id] # Delete organization
GET /api/jobs # List jobs
POST /api/jobs # Create job posting
GET /api/jobs/[id] # Get job details
PUT /api/jobs/[id] # Update job posting
DELETE /api/jobs/[id] # Delete job posting
POST /api/jobs/[id]/apply # Apply for job
GET /api/posts # List posts
POST /api/posts # Create post
GET /api/posts/[id] # Get post details
PUT /api/posts/[id] # Update post
DELETE /api/posts/[id] # Delete post
GET /api/posts/[id]/comments # Get comments
POST /api/posts/[id]/comments # Add comment
GET /api/reports # List reports
POST /api/reports # Create report
GET /api/reports/[id] # Get report details
PUT /api/reports/[id] # Update report
DELETE /api/reports/[id] # Delete report
-
Connect Repository
vercel --prod
-
Set Environment Variables
DATABASE_URL
- PostgreSQL connection stringNEXTAUTH_SECRET
- Authentication secretNEXTAUTH_URL
- Production URLGOOGLE_CLIENT_ID
- Google OAuth client IDGOOGLE_CLIENT_SECRET
- Google OAuth client secret
-
Database Setup
npx prisma db push
# Database
DATABASE_URL="postgresql://username:password@localhost:5432/rmgconnect"
# Authentication
NEXTAUTH_SECRET="your-secret-key"
NEXTAUTH_URL="https://your-domain.vercel.app"
# Google OAuth (Optional)
GOOGLE_CLIENT_ID="your-google-client-id"
GOOGLE_CLIENT_SECRET="your-google-client-secret"
- User - User accounts and profiles
- Organization - RMG companies and factories
- Job - Job postings and opportunities
- Application - Job applications
- Post - Knowledge hub content
- Comment - Discussion comments
- Report - Fraud alert reports
- Users can belong to organizations
- Organizations can post multiple jobs
- Users can apply to multiple jobs
- Posts can have multiple comments
- Users can create multiple reports
- NextAuth.js - Secure authentication system
- Role-based Access Control - User permission management
- Input Validation - Server-side data validation
- SQL Injection Prevention - Prisma ORM protection
- XSS Protection - React's built-in security
- CSRF Protection - NextAuth.js CSRF tokens
- Environment Variables - Secure configuration management
- Glass Morphism - Modern glass-like effects
- Gradient Backgrounds - Beautiful color transitions
- Smooth Animations - Framer Motion transitions
- Responsive Layout - Mobile-first design
- Dark/Light Mode - User preference support
- ARIA Labels - Screen reader compatibility
- Keyboard Navigation - Full keyboard support
- Color Contrast - WCAG compliant colors
- Focus Management - Clear focus indicators
- Server-Side Rendering - Fast initial page loads
- Image Optimization - Next.js automatic optimization
- Code Splitting - Optimized bundle sizes
- Caching - Efficient data caching
We welcome contributions to the RMG Community Hub! Please follow these guidelines:
- Fork the repository
- Create a feature branch
- Make your changes
- Add tests if applicable
- Submit a pull request
- Follow TypeScript best practices
- Use Tailwind CSS for styling
- Write descriptive commit messages
- Update documentation as needed
- Use GitHub Issues for bug reports
- Provide detailed reproduction steps
- Include browser and OS information
- ✅ Core platform functionality
- ✅ User authentication
- ✅ Organization directory
- ✅ Job board
- ✅ Knowledge hub
- ✅ Fraud alert system
- 🔄 Real-time notifications
- 🔄 Advanced analytics dashboard
- 🔄 Mobile application
- 🔄 API rate limiting
- 🔄 Advanced search filters
- 🔄 Machine learning recommendations
- 🔄 Blockchain verification
- 🔄 Multi-language support
- 🔄 Advanced reporting tools
- 🔄 Integration with external systems
This project is licensed under the MIT License - see the LICENSE file for details.
- BGMEA - Bangladesh Garment Manufacturers and Exporters Association
- Next.js Team - For the amazing React framework
- Vercel - For seamless deployment platform
- Tailwind CSS - For the utility-first CSS framework
- Community Contributors - For their valuable feedback and contributions