A secure, AI-assisted platform where users can anonymously express experiences, access NGO support resources, translate content into regional languages, and safely communicate without exposing identity.
SafeVoice is a privacy-focused web platform designed to provide a safe digital environment for individuals to anonymously express experiences related to harassment, abuse, discrimination, emotional distress, or social issues.
The platform integrates:
- 🔐 Secure Authentication
- 🧠 AI-powered Text Enhancement
- 🌍 Multilingual Translation
- 🖼️ Media Upload Support
- 📚 NGO Resource Discovery
- ⚡ Serverless Backend Infrastructure
The architecture prioritizes:
- Privacy-first design
- Scalability
- Performance optimization
- Modular backend services
- Beginner-friendly open-source contribution
| Feature | Description |
|---|---|
| 📝 Anonymous Publishing | Create, edit, and manage content without exposing identity |
| 🌍 AI Translation | Translate content into multiple Indian languages |
| ✏️ AI Grammar Enhancement | Improve text quality before publishing |
| 🖼️ Media Uploads | Upload audio recordings and images |
| 🔐 Secure Authentication | Firebase-based login & signup |
| 📚 NGO Resource Hub | Browse verified support organizations |
| ⚡ Serverless APIs | Lightweight backend using Netlify Functions |
| 🛡️ Abuse Protection | Rate limiting and secured API access |
flowchart LR
A[👤 User] --> B[⚛ React Frontend]
B --> C[🔥 Firebase Authentication]
B --> D[📦 Firestore Database]
B --> E[⚡ Netlify Serverless Functions]
E --> F[🧠 Google Gemini AI]
B --> G[🖼 Media Storage]
D --> H[📚 Content Collection]
D --> I[👥 Users Collection]
D --> J[🏢 NGO Resources]
F --> K[🌍 Translation Output]
F --> L[✏️ Grammar Corrected Output]
sequenceDiagram
participant User
participant Frontend
participant FirebaseAuth
participant Firestore
User->>Frontend: Open Login / Signup Page
Frontend->>FirebaseAuth: Send Credentials
FirebaseAuth-->>Frontend: Authentication Token
Frontend->>Firestore: Store User Metadata
Firestore-->>Frontend: User Profile Created
Frontend-->>User: Redirect to Dashboard
- Firebase Authentication validates credentials
- Session tokens are generated securely
- User metadata is stored in Firestore
- Public content remains detached from identity
flowchart TD
A[👤 User Creates Content] --> B[📝 ShareStory.tsx]
B --> C{Use AI Grammar Enhancement?}
C -->|Yes| D[⚡ correct-grammar.cjs]
D --> E[🧠 Gemini AI]
E --> F[✏️ Enhanced Text]
C -->|No| G[Continue Original Text]
F --> H[📦 Submit Content]
G --> H
H --> I{Attach Media?}
I -->|Yes| J[🖼 Upload Audio/Image]
I -->|No| K[📄 Store Text Only]
J --> L[☁ Media Storage]
L --> M[🔗 Media URL Generated]
M --> N[🔥 Firestore Database]
K --> N
N --> O[📚 Content Published]
flowchart LR
A[📚 Existing Content] --> B[⚡ translate.cjs]
B --> C[🧠 Google Gemini AI]
C --> D[🌍 Selected Language Translation]
D --> E[⚛ Frontend Display]
- Regional accessibility
- Cross-language communication
- Better outreach for support systems
sequenceDiagram
participant User
participant Frontend
participant Firestore
User->>Frontend: Open Feed Page
Frontend->>Firestore: Fetch Content
Firestore-->>Frontend: Return Content Data
Frontend-->>User: Render Content Cards
- Anonymous content
- Media URLs
- Timestamp metadata
- Translation versions
flowchart LR
A[👤 User Searches NGO] --> B[⚛ Resources.tsx]
B --> C[🔥 Firestore NGO Collection]
C --> D[📚 NGO Resource Cards]
D --> E[📞 Contact Information]
flowchart TB
subgraph Frontend
A[Home.tsx]
B[Auth.tsx]
C[ShareStory.tsx]
D[Stories.tsx]
E[Resources.tsx]
F[AdminDashboard.tsx]
end
subgraph Backend
G[Firebase Authentication]
H[Firestore Database]
I[Netlify Functions]
J[Google Gemini AI]
K[Media Storage]
end
A --> B
B --> G
C --> I
I --> J
C --> H
D --> H
E --> H
F --> H
C --> K
K --> H
J --> I
I --> C
- Anonymous publishing
- Minimal personally identifiable information
- Secure authentication flow
- Protected backend APIs
- Firestore security rules
- Abuse prevention mechanisms
flowchart LR
A[👤 User Request] --> B[🔐 Firebase Authentication]
B --> C[🛡 Auth Validation]
C --> D[⚡ Serverless Function]
D --> E[🔥 Firestore Rules]
E --> F[📦 Database Access]
| Endpoint | Purpose |
|---|---|
| correct-grammar.cjs | AI grammar enhancement |
| translate.cjs | Multi-language translation |
| subscribe.cjs | Newsletter/email subscriptions |
SafeVoice/
│
├── .github/
│ └── ISSUE_TEMPLATE/
│
├── netlify/
│ └── functions/
│ ├── correct-grammar.cjs
│ ├── subscribe.cjs
│ └── translate.cjs
│
├── public/
│ └── _redirects
│
├── src/
│ ├── components/
│ ├── context/
│ ├── lib/
│ ├── pages/
│ ├── App.tsx
│ ├── main.tsx
│ └── index.css
│
├── README.md
├── package.json
├── netlify.toml
└── vite.config.js| Layer | Technology |
|---|---|
| Frontend | React + TypeScript + Tailwind CSS |
| Backend | Firebase + Netlify Functions |
| Database | Firestore |
| Authentication | Firebase Auth |
| AI Integration | Google Gemini AI |
| Deployment | Netlify |
| Storage | Cloud Storage / External Storage |
SafeVoice uses a modular serverless architecture.
- ⚡ Faster deployments
- 📈 Easy horizontal scaling
- 💸 Lower infrastructure costs
- 🔧 Independent backend functions
- 🌍 CDN delivery via Netlify
flowchart TD
A[🏠 Home] --> B[🔐 Authentication]
A --> C[📝 Create Content]
A --> D[📚 Explore Content]
A --> E[🏢 NGO Resources]
A --> F[❓ FAQs]
A --> G[📞 Contact]
A --> H[⚙️ Admin Dashboard]
git clone https://github.com/Piyushydv08/SafeVoice.git
cd SafeVoicenpm install
npm install -g firebase-tools
npm install -g netlify-cliCreate a .env file in the root directory.
Add:
- Firebase configuration keys
- Gemini AI API keys
- Storage configuration values
netlify dev- Open the platform in browser
- Sign up securely using Firebase Auth
- Create anonymous content
- Attach optional media
- Improve text using AI grammar enhancement
- Translate content into regional languages
- Browse NGO support resources
Contributions are welcome from developers of all experience levels.
flowchart LR
A[Fork Repository] --> B[Create Branch]
B --> C[Make Changes]
C --> D[Test Changes]
D --> E[Commit Code]
E --> F[Push Branch]
F --> G[Create Pull Request]
SafeVoice is officially part of GirlScript Summer of Code 2026.
Contributors can:
- Improve frontend UI/UX
- Build backend APIs
- Add AI integrations
- Improve accessibility
- Enhance documentation
- Optimize performance
-
Piyush Yadav
- GitHub: https://github.com/Piyushydv08
- LinkedIn: https://www.linkedin.com/in/piyushydv08/
-
Aditi Raj
- GitHub Issues
- Pull Request Discussions
Licensed under the MIT License.
If you found this project useful:
- ⭐ Star the repository
- 🍴 Fork the project
- 🧑💻 Contribute improvements
- 📢 Share with others
“Creating a secure space where voices can be heard safely, anonymously, and without fear.”