About the Project

Inspiration

With the increasing amount of online content, moderation has become essential for maintaining safe and respectful digital spaces. Existing solutions can be costly, slow, or lack flexibility. We built ModeraAI to provide a scalable, AI-powered content moderation system that analyzes both text and images. To make moderation more accessible, we also offer API integration, allowing developers to easily implement moderation in their own applications.

What We Learned

Throughout the development process, we gained experience in:

Implementing AI-based text moderation using OpenAI’s API.
Image analysis with Google Cloud Vision for detecting inappropriate content.
User authentication and database management with Supabase.
API key security for external integrations.
Deploying a monorepo structure efficiently.

How We Built It

Frontend

React.js for a responsive UI.
React Router for navigation.
Axios for API requests.
React Dropzone for image uploads.
Dark/Light mode for accessibility.

Backend

Node.js & Express for API handling.
Supabase for authentication and database management.
OpenAI API for text moderation.
Google Cloud Vision API for image moderation.
JWT-based authentication for security.

Database

Supabase (PostgreSQL) for moderation logs, user settings, and API key management.

Challenges We Faced

Optimizing moderation accuracy – Adjusting thresholds to avoid over-filtering or false positives.
API security – Implementing authentication and rate limiting to prevent misuse.
Performance optimization – Reducing latency for real-time content analysis.
Deployment issues – Managing a monorepo on Render required troubleshooting.