🌐 SafeVoice – AI-Powered Anonymous Support Platform

Live Demo: SafeVoice on Netlify

📌 About

Safevoice is a secure, AI-enhanced platform that lets individuals anonymously share harassment experiences, attach media (photos/audio), and access verified NGO resources. It integrates language tools to improve clarity and reach, and is designed to be beginner-friendly for open-source contributors.

✨ Features

• 📝 Anonymous Story Management — Add, edit, and delete stories while preserving contributor anonymity.
• 🖼 Media Attachments — Upload photos and audio recordings with stories.
• 🌍 Real-Time Translation — Translate stories into 8+ Indian languages using Google Gemini AI.
• ✏️ AI Grammar Correction — Real-time grammar fixes for submitted text.
• 📚 NGO Resource Hub — Searchable database of support organizations and contact info.
• 🔐 Secure Auth & DB — Firebase Authentication + Firestore for secure, privacy-focused storage.
• ⚡ Serverless API — Netlify Functions for backend endpoints with CORS handling.
• 🛡️ Access Controls & Rate-Limiting — Basic protections to prevent abuse and preserve anonymity.

---

🛠 Tech Stack

Frontend: React, TypeScript, Tailwind CSS
Backend: Firebase (Auth, Firestore, Cloud Functions), Netlify Functions
AI Integration: Google Gemini AI
Deployment: Netlify

---

📁 Project Structure

Below is the folder and file structure of the SafeVoice project 👇

SafeVoice/
│
├── .github/
│   └── ISSUE_TEMPLATE/                # GitHub issue templates for contributors
│
├── netlify/
│   └── functions/                     # Netlify serverless functions
│       ├── correct-grammar.cjs        # Function to correct grammar in stories
│       ├── subscribe.cjs              # Function to handle email subscriptions
│       └── translate.cjs              # Function to translate stories or text
│
├── public/
│   └── _redirects                     # Netlify redirects configuration
│
├── src/
│   ├── components/                    # Reusable UI components
│   │   ├── Footer.tsx
│   │   ├── Navbar.tsx
│   │   ├── ScrollToTop.tsx
│   │   └── ThemeToggle.tsx
│   │
│   ├── context/                       # React context for global state management
│   │   └── ThemeContext.tsx
│   │
│   ├── lib/                           # External service configurations
│   │   ├── firebase.ts
│   │   └── supabase.ts
│   │
│   ├── pages/                         # Main app pages
│   │   ├── About.tsx
│   │   ├── AdminDashboard.tsx
│   │   ├── Auth.tsx
│   │   ├── ContactPage.tsx
│   │   ├── EditStory.tsx
│   │   ├── FAQs.tsx
│   │   ├── Home.tsx
│   │   ├── Privacypolicy.tsx
│   │   ├── Resources.tsx
│   │   ├── ShareStory.tsx
│   │   ├── Stories.tsx
│   │   └── termsandconditions.tsx
│   │
│   ├── App.tsx                        # Root app component
│   ├── index.css                      # Global styles
│   ├── main.tsx                       # App entry point
│   └── vite-env.d.ts                  # Type definitions for Vite
│
├── .env.example                       # Example environment variables
├── .gitignore                         # Git ignore configuration
├── CODE_OF_CONDUCT.md                 # Community behavior guidelines
├── CONTRIBUTING.md                    # Contribution guide
├── GirlScript-Summer-of-Code.png      # Project/organization image
├── LICENSE.md                         # License information
├── PULL_REQUEST_TEMPLATE.md           # Pull request format
├── README.md                          # This file 😄
│
├── eslint.config.js                   # ESLint configuration
├── index.html                         # Main HTML entry file
├── netlify.toml                       # Netlify configuration
├── package-lock.json                  # NPM lock file
├── package.json                       # Dependencies and scripts
├── postcss.config.js                  # PostCSS setup for Tailwind
├── server.js                          # Local server setup (optional)
├── tailwind.config.js                 # TailwindCSS configuration
├── tsconfig.app.json                  # TypeScript config for app
├── tsconfig.json                      # Main TypeScript configuration
├── tsconfig.node.json                 # Node TypeScript config
└── vite.config.js                     # Vite configuration

---

⚙️ Installation & Setup

1. Clone the Repository

   git clone https://github.com/Piyushydv08/SafeVoice.git
   cd SafeVoice

2. Install Dependencies and CLI

npm install
npm install -g firebase-tools
npm install -g netlify-cli

3. Configure Environment Variables

• Create a .env file in the root directory.
• Place all keys according to .env.example
• Add Firebase & API keys.

4. Start Development Server

netlify dev

▶️ Usage

---

• Visit http://localhost:8888 in your browser.
• Sign up / Log in securely using Firebase Auth.
• Share an anonymous story with or without media.
• Translate and correct grammar instantly.
• Browse NGO resources for support.

🤝 Contributing

Contributions are welcome! Follow these steps:

1. Fork the repository
2. Create a new branch (git checkout -b feature-name)
3. Make your changes
4. Commit your changes (git commit -m 'Add feature')
5. Push to the branch (git push origin feature-name)
6. Create a Pull Request

Please read CONTRIBUTING.md and follow our Code of Conduct.

---

🌟GSSoC'25

🌟 Exciting News...

🚀 This project is now an official part of GirlScript Summer of Code – GSSoC'25! 💃🎉💻 We're thrilled to welcome contributors from all over India and beyond to collaborate, build, and grow Medicine-Reminder-App! Let’s make learning and career development smarter – together! 🌟👨‍💻👩‍💻

👩‍💻 GSSoC is one of India’s largest 3-month-long open-source programs that encourages developers of all levels to contribute to real-world projects 🌍 while learning, collaborating, and growing together. 🌱

🌈 With mentorship, community support, and collaborative coding, it's the perfect platform for developers to:

• ✨ Improve their skills
• 🤝 Contribute to impactful projects
• 🏆 Get recognized for their work
• 📜 Receive certificates and swag!

🎉 I can’t wait to welcome new contributors from GSSoC 2025 to this Medicine-Reminder-App project family! Let's build, learn, and grow together — one commit at a time. 🔥👨‍💻👩‍💻

🏆 GSSoC 2025 Guidelines

📋 For Participants

✅ Do's

• ✅ Read documentation thoroughly before contributing
• ✅ Follow code style and project structure
• ✅ Write descriptive commit messages
• ✅ Test your changes before submitting PR
• ✅ Be respectful and collaborative
• ✅ Ask questions if you're unsure about anything

❌ Don'ts

• ❌ Don't spam with multiple PRs for same issue
• ❌ Don't copy code without understanding
• ❌ Don't make unnecessary changes
• ❌ Don't ignore code review feedback
• ❌ Don't forget to update documentation when needed

🎯 Contribution Levels

Level	Description	Points	Badge
🥉 Beginner	Fix typos, update docs, minor bug fixes	5-10
🥈 Intermediate	Add features, improve UI/UX, performance	15-25
🥇 Advanced	Major features, architecture improvements	30-50

---

✨ Contributors

Thanks to all the wonderful contributors 💖

---

📧 Contact

For queries, feedback, or guidance regarding this project, you can contact the mentor assigned to the issue or admins:

• 📩 LinkedIn: Aditi-raj
• 📩 LinkedIn: Piyushydv08
• 💬 By commit/PR comments: Please tag the mentor in your commit or pull request discussion for direct feedback.

Original Repository: SafeVoice

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

If you like this project, please give it a ⭐ star. Your support means a lot to us!

Feel free to contribute or suggest new features!🙏